简单的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。