jquery - 根据图像 src 属性将类添加到父级

Question

我遇到一个问题，CMS 根据模板吐出图像网格，但如果项目的图像少于网格，它也会吐出空白。所以我想在父元素中添加一个类来根据空白图像的src属性隐藏空白。这是我所拥有的:

HTML

<div class="item">
  <a href="#">
     <img src="image-1.jpg">
  </a>
</div>
<div class="item"> <!-- Need to add class of 'hide' -->
  <a href="#">
     <img src=""> <!-- Blank Img -->
  </a>
</div>

jQuery

var image = $("div.item > a > img");
var srcs = image.attr('src');

$.each(image, function () {
   if(srcs.length == 0){
      $(this).closest('div').addClass("hide");
   }
});

因为我对此有点菜鸟，所以这可能很简单。预先感谢您提供的任何帮助!

Answer 1

简单地使用:

$('img[src=""]').parents ('div.item').hide()

描述: 选择器查找所有具有空源的 img 元素，父方法返回具有给定选择器的 paretns，并最终隐藏与actuallu 隐藏 div.item 选择器。

关于 @Felix 的建议，这更有效:

$('img[src=""]').closest ('div.item').hide()