简单html dom显示特定<tr></tr>

Question

如何只显示包含a.png的内容？它应该显示包含a.png的那些文件的整个<tr></tr>

<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是不可能的，你必须使用一些javascript。

下面是一个用jQuery编写的脚本：

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

Answer 2

如果只使用HTML (正如您在标记中所说的)，最好的方法是删除不需要的内容。

使用JavaScript，您可以找到src属性等于a.png的图像，然后获取它的父对象( tr)的父对象，并将其CSS display属性设置为none。