javascript - 检查图像是否存在

Question

我正在使用 .html() 添加图像

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

现在我如何检查 if 语句中是否存在图像？

我尝试了这个但不起作用？

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!
}