檢查圖像存在

Question

我使用.html()添加圖像

$('#holder').html('<img class="holderClass" src="image.png" />'); 

現在我怎麼能檢查，如果圖像是存在的，或者是它的if語句？

我試過這個，但doenot的工作？

if(! $('.holderClass')){ 
    console.log('image.png is there'); 
} 

Answer 1

您可以檢查圖像元素的.length：

if($('#holder > .holderClass').length > 0) { 
    //Exists! 
} 

如果您想檢查特定的圖像，檢查src屬性：

if($('#holder > .holderClass[src="path/to/img.png"]').length > 0) { 
    //Exists! 
} 

Answer 2

你檢查在你的代碼中使用!的錯誤情況，這是錯誤的。
此外，對於jQuery對象，您需要檢查length以檢查是否存在。

if($('.holderClass').length > 0){ 
    console.log('image.png is there'); 
} 

或者更具體地說

$('#holder > .holderClass').length > 0){ 
    console.log('image.png is there'); 
}