我有一个动态填充的图像轮播。最多可以有 5 张图像,但是,如果图像少于 5 张,我需要在我的代码中引入一些 if 语句。是否可以使用 jQuery 来检查 img src 是否为空白?
例如,如果我有一个带有“可选”类的图像但它没有 url,有没有办法用 jQuery 来检测它?
<img class="optional" src="" />
尝试这个
$('.optional').each(function () {
if (this.src.length > 0) {
//if it has source
}
});
您可以使用属性选择器:
$('img.optional[src=""]');
如果您想选择没有空src
属性的图像:
$('img.optional[src!=""]');
查询:
if($('img.optional').attr('src') != "") {
// Image has src !
} else {
// Image has not src :'(
}
您可以使用
img[src=""] {
display: none;
}
如果 src 属性没有值,上面的选择器将简单地匹配。