的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和检查，如果在连续的TD包含文本“测试1”如果是这样我需要在同一行中隐藏类“ms-vb2-icon”的td。

有人可以给我一些指针吗？

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单元格在匹配的行中并隐藏它们。