Skip to main content
revisão de informação
Fonte Link
hugocsl
  • 66,9mil
  • 17
  • 88
  • 166

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

$("trvar tdoi = document.querySelectorAll('td:first-child"child');

oi.eachforEach(functionel => {
    if(indexel.textContent == 'administração') {
    var texto = $(this) el.closest("trstyle.color td")= 'blue';
        // console.textlog(el);
        el.nextElementSibling.style.color = 'red';
        // console.log(textoel.nextElementSibling);
    var} textoyelse =if $(this)el.next("td"parentElement) {
        el.text();parentElement.style.color = 'green';
        console.log(textoyel.parentElement);
    }
});
<script<table>
 src="https://code.jquery.com   <tr>
        <td>administração</jquery-3.2.1.min.js"><td>
        <td>teste1</script>td>
        <td>teste2</td>
<table>    </tr>
    <tr>
        <td>administração<<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>teste5<<td>teste3</td>
        <td>teste6<<td>teste4</td>
    </tr>
    <tr>
        <td>Empresas<<td>administração</td>
        <td>teste7<<td>teste3</td>
        <td>teste8<<td>teste4</td>
    </tr>
    <tr>
        <td>Empresas<<td>outro nome</td>
        <td>teste9<<td>teste1</td>
        <td>teste10<<td>teste2</td>
    </tr>
</table>

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>

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>
Fonte Link
hugocsl
  • 66,9mil
  • 17
  • 88
  • 166

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>