jquery检查img是否有src

Question

我有一个动态填充的图像轮播。最多可能有5个图像，但是，如果少于5个图像，我需要在我的代码中引入一些if语句。是否可以使用jQuery检查img src是否为空？

例如，如果我有一个类“可选”但没有url的图像，有没有办法用jQuery检测它？

<img class="optional" src="" />

Answer 1

试试这个

$('.optional').each(function () {
    if (this.src.length > 0) {
        //if it has source
    }
});

Answer 2

您可以使用属性选择器：

$('img.optional[src=""]');

如果您想要选择没有空src属性的图像：

$('img.optional[src!=""]');

Answer 3

if($.trim($(".optional").attr("src")) != "")// check image has src
{
// do your stuff
}
else{
}

参考 attr 和 trim

Answer 4

JQUERY：

if($('img.optional').attr('src') != "") {
  // Image has src !
} else {
  // Image has not src :'(
}

Answer 5

您可以使用

img[src=""] {
   display: none;
}

如果src属性没有值，上面的选择器将简单匹配。