簡單的html dom顯示特定<tr></tr>

Question

如何只顯示那些包含a.png的文件？它應該顯示那些包含a.png

<tr> 
<td>57</td> 
<td><img src="z.png" width="40px" alt="z" title="z"></td> 
<td>Apples</td>  
<td>3341</td> 
</tr> 

<tr> 
<td>44</td> 
<td><img src="a.png" width="40px" alt="a" title="a"></td> 
<td>Tree</td>  
<td>4341</td> 
</tr> 


<tr> 
<td>57</td> 
<td><img src="a.png" width="40px" alt="a" title="a"></td> 
<td>Car</td>  
<td>1741</td> 
</tr> 


<tr> 
<td>61</td> 
<td><img src="b.png" width="40px" alt="a" title="a"></td> 
<td>House</td>  
<td>4251</td> 
</tr> 

Answer 1

就不可能有純CSS的整個<tr></tr>，你必須使用一些javascript

這裏是一個用jQuery的腳本：

$('tr').hide().has('img[src=a.png]').show(); 

Answer 2

只有HTML（正如你在標籤中所說的），你最好的選擇是刪除你不想要的。

使用JavaScript，你可以找到與src圖像屬性等於a.png然後得到的父（該tr）的母公司和其CSS display屬性設置爲none。