当子（img）无法加载时，如何隐藏（display：none）父div？

Question

我的代码如下所示：

<div>
  <a href="#">
     <img src="#">
  </a>
</div>

当img加载或丢失失败时，必须隐藏父div}（display:none），这样它就不会留空空间而是将其自身移除。我怎样才能做到这一点？

Answer 1

您可以在此处执行的操作是通过创建内存中的图像元素并将其onload属性设置为原始onerror属性来触发src和/或src事件原始图像。

参考代码：

$("<img/>")
    .on('load', function() { console.log("image loaded correctly"); })
    .on('error', function() { $(this).parent().parent().hide(); })
    .attr("src", $(originalImage).attr("src"));