javascript - 如果图像丢失，如何隐藏父 div

Question

如果 div 中的图像丢失，我正在尝试使用脚本来更改其可见性

这是 div:

 <div id="bike01">
<a href="stock/bike1.html">
<table width="900" border="0" cellpadding="3" cellspacing="0" class="table">
<tr>
  <td width="245" rowspan="2"><img id="bike1" src="stock/bike1/images/image1.jpg" name="bike1" width="245" height="184" />
  </td>
  <td width="468"><div id="title1"></div></td>
</tr>
<tr>
  <td colspan="2"><div id="desc1"></div></td>
</tr>
</table>
</a>
</div>

这是我的脚本(在脚本编写方面我是一个完全的初学者 - 我刚刚从研究我的问题中得到了这个)

 <script>
$("#bike1").error(function () { 
$("#bike01").css({visibility:"hidden"});  
});
</script>

基本上，如果 img#bike1 丢失，我希望整个 div #bike01 消失。

Answer 1

为什么不这样做:

<img id="bike1" src="stock/bike1/images/image1.jpg" onerror="this.style.display='none';" />

How do I hide broken images in javascript?

<img id="bike1" src="stock/bike1/images/image1.jpg" onerror='$("#bike01").css({visibility:"hidden"});' />