jquery - 如果 div 内的所有 img src 为空，则删除 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 为空，我想删除具有类 add_pdt_img_nc 的 div

到目前为止我已经尝试过

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

但是如果第一个 img src 为空，它会删除 div 并且不检查其他 img src 是否有值

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();
    }
});