画像が存在しない場合は、新しい要素を追加してください

Question

クラスpicの画像を探しています。存在しない場合は、いくつかのタスクを実行したいと思います。存在していれば何もしません。私は成功しないと次のコードを試してみました。私は何をしても警告を発する。

IMGコード

<img src="" class="pic"> 

jqueryの

$(".stxt, .stxt2").each(function() { 
if ($(this).find("img.pic").length === 0) { 
     $(document).ready(function() { 
      var unitSize = 10; // width (and height) of one square 
      var unitsWide = 6; // number of squares along x-axis 
      var unitsTall = 6; // number of squares along y-axis 
      var drawing = $('<div class="drawing"></div>').css({ 
       width: unitSize * unitsWide 
      }); 
      for (var i = 0; i < unitsWide * unitsTall; i++) { 
       var randomColor; 
       randomColor = Math.random() * 0x1000000; // 0 < randomColor < 0x1000000 
       randomColor = Math.floor(randomColor); // 0 < randomColor <= 0xFF5F0FF 
       randomColor = randomColor.toString(16); // hex representation randomColor 
       randomColor = ("000000" + randomColor).slice(-6); // leading zeros added 
       randomColor = "#" + randomColor; // # added 
       $('<span class="square"></span>').css({ 
        display: 'block', 
        float: 'left', 
        width: unitSize, 
        height: unitSize, 
        'background-color': randomColor 
       }).appendTo(drawing); 
      } 
      drawing.insertBefore($(this).find("div.dtxt2, div.dtxt")); 
     }); 
    } 
}); 

Answer 1

あなたはimgタグ

HTML

の onerrorイベントを使用していることを処理することができます

<img src="" class="pic" onerror="HandleError(this)"> 

はJavaScript

function HandleError(obj_img){ 
    alert("Doing Something"); 
    //obj_img.src = 'path/to/image-not-found/image'; 
} 

またはこのようにjQueryを使用しています。

$('img.pic').error(function() { 
    alert("Doing Something"); 
    //$(this).attr("src", "path/to/image-not-found/image"); 
}) 

Answer 2

私は「これは」文脈であるが、あなたの代わりにあなたがからこれを呼び出している

if ($("img.pic").length === 0) { 
    //Code 
} 

Answer 3

jQuery(function(){ 
    if ($("img.pic").length === 0) { 

     alert("Doing something"); 

    }else{ 

     //Do nothing 

    }; 
});