Comment faire une boucle sur des lignes de table spécifiques

Question

J'ai une table et j'ai un objet jQuery qui représente l'un des TD dans la table. Je veux être en mesure de parcourir toutes les lignes de la table en commençant par la rangée suivante de la rangée où se trouve ma TD jQuery'd.

Donc, si j'ai une table comme ceci:

<table> 
    <tr><td>A</td><td>B</td><td>C</td></tr> 
    <tr><td>D</td><td>E</td><td>F</td></tr> 
    <tr><td>G</td><td>H</td><td>I</td></tr> 
    <tr><td>J</td><td>K</td><td>L</td></tr> 
    <tr><td>M</td><td>N</td><td>O</td></tr> 
    <tr><td>P</td><td>Q</td><td>R</td></tr> 
</table> 

Et si j'ai un objet jQuery représentant le td avec un H en elle:

var theTD = $(...the H cell...); 

Dans ce cas, je voudrais faire une boucle dans les 3 dernières rangées.

est donc là un beau morceau succint de jQuery qui me donnerait l'équivalent de:

theTD.nextRow_to_lastRow.each(... 

Answer 1

Avec l'aide de ilan, je suis arrivé là-bas à la fin:

theTD.parent().find("~ tr").each(

Autres replys fera le travail, mais ce qui précède est ce que je cherchais

Answer 2

var all_td_in_a_table = $("#table-id td") 

puis creux en boucle avec pour ou foreach et rechercher h/div/texte ou ce vous voulez

Answer 3

Votre situation est assez compliquée et je ne pouvais pas la comprendre complètement, cependant; Espérons que cela aide: en utilisant

var rows = $("#tableid tr td"); 

vous aurez toutes les cellules. maintenant vous pouvez parcourir chacun d'eux et vérifier la valeur ou le texte. foreach in jquery:

$(rows).each(function(index) { 
    console.log(index + ": " + $(this).text()); 
}); 

Answer 4

Quelque chose comme ça?

var td = $('td:contains("H")'); 

var tr = $('tr').length; 
for(i= td.parent().index()+1; i < tr;i++){ 
    $.each($('tr:eq('+i+') td'),function(){ 
     console.log($(this).text()); 
    }); 
} 

Vérifier demo dans la console

Answer 5

Je pense que vous êtes après quelque chose comme ceci:

$('td').filter(function() { 
    return $(this).text() == 'H'; 
}).parent().nextAll().each(function() { 
    console.log(this); 
}); 

qui vous donnera les lignes:

<tr><td>J</td><td>K</td><td>L</td></tr> 
<tr><td>M</td><td>N</td><td>O</td></tr> 
<tr><td>P</td><td>Q</td><td>R</td></tr> 

Answer 6

Vous peut également utiliser une boucle for qui ne cible que les trois derniers lignes:

var table = document.getElementById('table'), 
    row = table.querySelectorAll('tr'); 

for(i = 0; i < row.length; i++) { 
    if (i >= 3) { 
     console.log(row[i]); 
    } 
} 

JSFIDDLE