的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單元格在匹配的行中並隱藏它們。