JQuery цикл по каждой строке таблицы

Question

У меня есть следующие структуры таблицы

<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> 

мне нужна цикл по каждой строке затем петля через каждый тд и проверить, если TD в строке содержит текст «test1», если так Мне нужно скрыть td с классом ms-vb2-icon в той же строке.

Может кто-нибудь, пожалуйста, дайте мне несколько указателей?

Answer 1

Вы можете сделать это следующим образом:

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

You can test the code against your markup here

Это использует :contains(), чтобы увидеть, если <td> содержит этот текст, завернутые в :has(), чтобы увидеть, если <tr> имеет элемент, соответствующий этому, в следующем мы находим td.ms-vb2-icon ячейка в сопоставленных строках и спрятать их.