jquery - jquery检查img是否有src

Question

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

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

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

score 15 · Accepted Answer

尝试这个

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

score 9 · Accepted Answer

您可以使用属性选择器：

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

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

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

score 3 · Accepted Answer

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

score 1 · Accepted Answer

查询：

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

score 0 · Accepted Answer

您可以使用

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

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

5 回答 5