1

Como faço para acessar o texto da próxima td dentro da iteração do loop?

Preciso verificar o texto da proxima TD(da próxima TR) depois da TR atual do loop. Na primeira fileira de td (administração), ou seja, quero encontrar a próxima TD que tem o texto Administração através do loop mas não consegui com a função next(), alguém me ajuda?

    $("tr td:first-child").each(
      function(index) {
	      var texto = $(this).closest("tr td").text();
	      console.log(texto);
    })
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<!DOCTYPE html>
    <html lang="en">
    <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    </head>
    <body>
    <table>
        <tr>
            <td>administração</td>
            <td>teste1</td>
            <td>teste2</td>
        </tr>
        <tr>
            <td>administração</td>
            <td>teste3</td>
            <td>teste4</td>
        </tr>
        <tr>
            <td>administração</td>
            <td>teste5</td>
            <td>teste6</td>
        </tr>
        <tr>
            <td>Empresas</td>
            <td>teste7</td>
            <td>teste8</td>
        </tr>
        <tr>
            <td>Empresas</td>
            <td>teste9</td>
            <td>teste10</td>
        </tr>
    </table>
    </body>
    </html>

1
  • Tem que melhorar essa pergunta, está mal formulada e difícil de entender.
    – Sam
    Commented 8/07/2019 às 14:47

3 Respostas 3

1

Se eu entendi o que vc quer, vc pode usar o this.next para pegar o texto da próxima TD que vem após a primeira.

Ficaria assim

$("tr td:first-child").each(function(index) {
    var texto = $(this).closest("tr td").text();
    console.log(texto);
    var textoy = $(this).next("td").text();
    console.log(textoy);
})
<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>

<table>
    <tr>
        <td>administração</td>
        <td>teste1</td>
        <td>teste2</td>
    </tr>
    <tr>
        <td>administração</td>
        <td>teste3</td>
        <td>teste4</td>
    </tr>
    <tr>
        <td>administração</td>
        <td>teste5</td>
        <td>teste6</td>
    </tr>
    <tr>
        <td>Empresas</td>
        <td>teste7</td>
        <td>teste8</td>
    </tr>
    <tr>
        <td>Empresas</td>
        <td>teste9</td>
        <td>teste10</td>
    </tr>
</table>


Edit

Eu não manjo muito de jQuery, mas as vezes só com JS pode te ajudar tb.

Esse script vai pegar qq TD que tenha o texto "administração" dentro, vai pegar a próxima TD depois dela, e vai pegar a qq TR depois da TR que não tem td=administração

var oi = document.querySelectorAll('td:first-child');

oi.forEach(el => {
    if(el.textContent == 'administração') {
        el.style.color = 'blue';
        // console.log(el);
        el.nextElementSibling.style.color = 'red';
        // console.log(el.nextElementSibling);
    } else if (el.parentElement) {
        el.parentElement.style.color = 'green';
        console.log(el.parentElement)
    }
});
<table>
    <tr>
        <td>administração</td>
        <td>teste1</td>
        <td>teste2</td>
    </tr>
    <tr>
        <td>outro nome</td>
        <td>teste1</td>
        <td>teste2</td>
    </tr>
    <tr>
        <td>administração</td>
        <td>teste3</td>
        <td>teste4</td>
    </tr>
    <tr>
        <td>outro nome</td>
        <td>teste1</td>
        <td>teste2</td>
    </tr>
    <tr>
        <td>outro nome</td>
        <td>teste1</td>
        <td>teste2</td>
    </tr>
    <tr>
        <td>administração</td>
        <td>teste3</td>
        <td>teste4</td>
    </tr>
    <tr>
        <td>administração</td>
        <td>teste3</td>
        <td>teste4</td>
    </tr>
    <tr>
        <td>outro nome</td>
        <td>teste1</td>
        <td>teste2</td>
    </tr>
</table>

8
  • mas eu não quero pegar o texto da próxima TD que está do lado dela, eu quero pegar o Texto da próxima TD da outra TR, que tem o texto igual ao da TD da TR anterior Commented 8/07/2019 às 14:05
  • @DemetriusFernandes desculpe amigo, mas não consegui entender o que vc quer
    – hugocsl
    Commented 8/07/2019 às 14:15
  • Eu quero pegar a próximo TD que tenha o Texto igual a "administração", mas fazer isso através do loop, verificando de uma em uma qual é a próximo que tem o texto administração, entendeu ? Commented 8/07/2019 às 14:17
  • @DemetriusFernandes da uma olhada no Código olha se era isso que vc precisava
    – hugocsl
    Commented 8/07/2019 às 15:58
  • 1
    muito obrigado amigo, me ajudou muito ein, salvou meu emprego kkkkk Commented 8/07/2019 às 18:21
0

Não entendi muito bem, mas fiz isso para lhe ajudar.

<script>
    $("tr td:first-child").each(
      function(index) {
          var texto = $(this).closest("tr td").text();
          if(texto == "administração"){
            var td_administracao = $(this);
            console.log(texto);
          }
    })
</script>



<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
    <!DOCTYPE html>
        <html lang="en">
        <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta http-equiv="X-UA-Compatible" content="ie=edge">
        <title>Document</title>
        </head>
        <body>
        <table>
            <tr>
                <td>administração</td>
                <td>teste1</td>
                <td>teste2</td>
            </tr>
            <tr>
                <td>administração</td>
                <td>teste3</td>
                <td>teste4</td>
            </tr>
            <tr>
                <td>administração</td>
                <td>teste5</td>
                <td>teste6</td>
            </tr>
            <tr>
                <td>Empresas</td>
                <td>teste7</td>
                <td>teste8</td>
            </tr>
            <tr>
                <td>Empresas</td>
                <td>teste9</td>
                <td>teste10</td>
            </tr>
        </table>
        </body>
        </html>
-1

Não sei se é exatamente isso, mas aqui você consegue iterar sobre o texto de todas as tds.

$.each($('td'), function(k, v){
  if($(v).text() == 'administração'){
    $(this).css('color','blue');
  }
})

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .