jQuery检查元素存在

Question

有没有办法使用jQuery检查图像是否存在？

我认为以下方法可行，但它不会和console.log显示图像的错误404，如果它不存在。

$("#icon").html("<img src='/assets/img/"+condition+".png'>"); 
if (!$("#icon")){ 
    $("#icon").html("nothing to show"); 
} 

Answer 1

试试这个：

$("#icon").html("<img src='/assets/img/"+condition+".png'>"); 
$("#icon img").error(function() { 
     $("#icon").html("nothing to show"); 
    });