Question

例如我们有类似下面的内容，它会产生img与不同src的早午餐：

//the for loop is not important but just giving you some idea

    for(i=0;i<100;i++){
      <img class="emptyPic result-image" src="{{picURL}}"/>
     }

并且我想检查每个img onload，如果它的src是空的<img src=""/>，我想做点什么，但在示例中只是做它display:none首先。所以我用JQuery尝试了类似下面的内容。

if($(this + ".result-image").attr('src')){
  ($(this + ".result-image").css("display","none")
}

我已将上面的if statmenet放入for循环中，它应该可以完成这项工作，但是它无法正常工作？

Answer 1

您可以使用纯CSS：

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

Answer 2

如果你想检查img src是否为空并且想要做某事......这可能会有所帮助;

HTML：

<!DOCTYPE html>
<html>
<body>
<img src="" class="image">

</body>
</html>

使用Javascript：

$(document).ready(function(){
   if($('.image').attr('src') == '') { 
      alert('got me'); 
    }
});

如果你想检查它是否为空......这可能会有所帮助

HTML：

<!DOCTYPE html>
<html>
<body>
<img src="" class="image">

</body>
</html>

JAVASCRIPT：

if ($('.image').is(':empty')){
  alert("hi")
}

来源：

How do I check if an HTML element is empty using jQuery?

希望这有帮助

Javascript：检查<img/>为空，由for循环生成，如果为true则执行某些操作

2 个答案: