jquery - JQUERY - 查找有多少带有类的 img 元素具有 src 集

Question

我有 10 张 .photoPreview 类的画廊照片，我想知道如何检查有多少 src 集 - 例如：存在多少画廊图像。

$('.photoPreview').attr('src')

我不确定如何使用 Jquery 获得这个值。也许使用查找：

var number = find($('.photoPreview').attr('src'));

谢谢你

---

HTML - 如果未设置画廊图像，我的元素将像这样开始：

<img src="" class="photoPreview" data-width="" data-height=""/>

Answer 1

您可以使用 css 选择器，例如:not([src=''])或 jquery equiv .not()。但是，如果您指src的是 IMG 元素的属性，则无论如何它们都需要该属性集。

var number = $(".photoPreview:not([src=''])").length;

应该管用

Answer 2

试试这个

1）获取类名的图像总数photoPreview。

2）循环浏览这些图像。

var images = document.getElementsByClassName('photoPreview');  
var imagesWithSrc =0;
for (var i=0; i<images.length; i++) {
  if (images[i].src != '')
     imagesWithSrc += 1;        
}

Answer 3

通过使用 jquery 方法.each()，您可以传递一个函数，为目标选择器的每个元素执行一次

允许你做这样的事情：

var count = 0;

// loop through all elements in the array returned from the selector
$('.photoPreview').each(function(){

     // feel free to customize your conditional
     // to check the src however you like
     if ( $(this).attr('src').length > 0 ) { count++; } // increment the count

});

alert(count);