jquery - div内のすべてのimgsrcがnullの場合は、divを削除します

Question

HTMLコード

    <div class="add_pdt_img_nc">
    <h5>Additional Images</h5>
    <img border="0" src="" alt="">
    <img border="0" src="" alt="">
    <img border="0" src="" alt="">
    <img border="0" src="" alt="">
    </div>

すべての画像srcがnullの場合、divのクラスadd_pdt_img_ncを削除したい

私はこれまで試しました

$(".add_pdt_img_nc img").each(function() {
    if($(this).attr("src") == "") {
      $(".add_pdt_img_nc").remove();
    }
 });

ただし、最初のimg srcがnullの場合はdivを削除し、他のimgsrcに値があるかどうかはチェックしません

Answer 1

var all_null = true;
$(".add_pdt_img_nc img").each(function() {
    if($(this).attr("src")!= "") {
       all_null = false;
       return false; // break
    }
});
if(all_null) {
   $(".add_pdt_img_nc").remove();
}

Answer 2

これを試して：

$(".add_pdt_img_nc").each(function() {
    var $parent = $(this);
    if ($('img[src!=""]', this).length == 0) {
        $parent.remove();
    }
});

フィドルの例

これにより、属性が設定されているimg要素の存在がチェックされます。存在しない場合は、を削除します。.add_pdt_img_ncsrcdiv

Answer 3

これを使って：

$("div").each(function(){
    if ($('img[src!=""]', this).length == 0 || !$('img').attr("src")) {
        $(this).remove();
    }
});