jquery檢查img是否有src

Question

我有一個動態填充圖像的輪播。如果有少於5張圖片，我需要在我的代碼中引入一些if語句，但最多可能有5張圖片。是否有可能使用jQuery來檢查一個img src是否爲空？

例如，如果我有一個類「可選」，但它沒有網址的圖像，有沒有一種方法來檢測這與jQuery？

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

Answer 1

試試這個

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

Answer 2

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

參考attr和trim

Answer 3

JQUERY：

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

Answer 4

你可以使用屬性選擇：

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

如果您要選擇沒有空src屬性圖片：

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

Answer 5

您可以使用

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

如果src屬性沒有值，則上面的選擇器將簡單匹配。