當child（img）加載失敗時如何隱藏（display：none）父div？

Question

我的代碼如下所示：

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

當img無法加載或丟失，家長div必須隱藏（display:none），所以它不會留下一個空的空間，但是從存在刪除自身。我怎樣才能做到這一點？

Answer 1

你可以做這裏是在內存中的圖像元素創建及其src屬性設置爲原始圖像的原始src屬性觸發onload和/或onerror事件。

參考代碼：

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