JQuery en boucle à travers chaque ligne de la table

Question

je la structure de tableau suivant

<table class="ms-listviewtable> 
<tr> 
<td class="ms-vb2-icon"/> 
<td class="ms-vb2"/> 
<td class="ms-vb2"/> 
<td class="ms-vb2"/> 
<td class="ms-vb2"/> 
<td class="ms-vb2">test1</td> 
</tr> 
<tr> 
<td class="ms-vb2-icon"/> 
<td class="ms-vb2"/> 
<td class="ms-vb2"/> 
<td class="ms-vb2"/> 
<td class="ms-vb2"/> 
<td class="ms-vb2">test2</td> 
</tr> 
<tr> 
<td class="ms-vb2-icon"/> 
<td class="ms-vb2"/> 
<td class="ms-vb2"/> 
<td class="ms-vb2"/> 
<td class="ms-vb2"/> 
<td class="ms-vb2">test3</td> 
</tr> 
</table> 

J'ai besoin de boucle à travers chaque ligne en boucle puis à travers chaque td et vérifier si un td dans une ligne contient le texte « test1 » le cas échéant J'ai besoin de cacher le td avec la classe "ms-vb2-icon" dans la même rangée.

Quelqu'un peut-il me donner quelques indications?

Answer 1

Vous pouvez le faire comme ceci:

$("tr:has(td:contains('test1')) td.ms-vb2-icon").hide(); 

You can test the code against your markup here

Il utilise :contains() pour voir si un <td> contient ce texte, enveloppé dans :has() pour voir si le le <tr> a un élément correspondant à cela, le prochain nous trouvons le td.ms-vb2-icon cellule dans les rangées appariées et les cachant.