javascriptでイメージがない場合の削除処理

javascriptでイメージ画像がない場合にimgタグを削除する処理を行いたかったので覚書
jsonでの処理で画像がない場合に適用したかったので非常に約に立ちました。

HTMLの記述

<div id="topics">
    <img src="https://office606.org/img/img01.jpg" alt="サンプル">
    <img src="" alt="リンク切れ">
    <img src="" alt="リンク切れ">
</div>

2つ目の画像と3つ目の画像がリンク切れなので削除します。

スポンサーリンク

javascriptの記述

$("#topics").append(Feed);
   //画像ファイルが存在しない場合imgタグ自体を削除
   $(document).ready(function() {
        $('img').error(function() {
            $(this).remove();
        });
    });
}

実行結果

See the Pen XXvJoR by Atsushi (@office606) on CodePen.

よく使うので覚えていた方がいいと思うのでメモです。

スポンサーリンク

jQueryのおすすめ本です！

Originally posted 2016-02-23 14:53:34.