jquery - 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");
    });

</p>