html - 简单的 html dom 显示特定

Question

如何仅显示包含 a.png 的那些？它应该显示所有<tr></tr>包含 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是不可能的，你必须使用一些javascript

这是一个用 jQuery 编写的脚本：

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

Answer 2

仅使用 HTML（正如您在标签中所说），您最好的选择是删除您不想要的那些。

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