jquery检查img是否有src答案

【问题标题】：jquery check if img has srcjquery检查img是否有src
【发布时间】：2013-10-22 01:23:28
【问题描述】：

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

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

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

【问题讨论】：

【解决方案1】：

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

参考attr和trim

【讨论】：

【解决方案2】：

查询：

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

【讨论】：

【解决方案3】：

试试这个

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

【讨论】：

【解决方案4】：

你可以使用属性选择器：

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

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

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

【讨论】：

【解决方案5】：

你可以使用

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

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

【讨论】：