简单的html dom显示具体

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 {{1} }属性display。