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

it is impossible with pure css, you have to use some javascript

here is a script written in jQuery:

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

Answer 2

HTML のみの場合 (タグで言うように)、不要なものを削除するのが最善の策です。

srcJavaScript を使用すると、属性が等しい画像を見つけて、a.pngその親の親 ( tr) を取得し、その CSSdisplayプロパティを に設定できますnone。