JavaScript : Check <img> is empty generate by for loop and if true do something

Question

例如，我们有如下所示的内容，即生成 img 的早午餐具有不同的源:

//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;}