Question

我知道如果没有img路径，我们就不应该拥有src个代码，但这就是我遇到问题时遇到问题的代码。我尝试过几种不同形式的Javascript和JQUERY，但我还在学习。我已经使用了stackoverflow上的所有其他链接，这些链接专门用于隐藏没有src路径的图像，但没有一个有帮助。我把它们中的一些混合在一起，这个脚本是我能用到的最接近动态图像（图像被动态调出）

HTML：

<div class="item"><img src="{{imgMain}}" alt="" id="imgOne"/></div>
<div class="item"><img src="{{imgTwo}}" alt="" id="imgTwo"/></div>
<div class="item"><img src="{{imgThree}}" alt="" id="imgThree"/></div>

JQUERY：

$(document).ready(function(){   
  $(img).each(function(){    
    if ($(this).attr("src") === "_")         
      $(this).remove(); 
    else        
      $(this).addClass("show"); 
  });     
});

Answer 1

在img标签上注册onload事件：）

＆＃13;

function showOnLoad(e){
  e.target.style.display = "inline";
}

＆＃13;

.hide{
  display: none;
}

＆＃13;

<img class="hide" onload="showOnLoad(event)" src="http://coolwildlife.com/wp-content/uploads/galleries/post-3004/Fox%20Picture%20003.jpg" />
<img class="hide" onload="showOnLoad()" src="" />
<div id="result" > </div>

＆＃13;

Answer 2

<div class="item"><img src="something" alt="" id="imgOne" class="x" /></div>
<div class="item"><img src="something" alt="" id="imgTwo" class="x"/></div>
<div class="item"><img src="_" alt="" id="imgThree" class="x"/></div>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>

<script>
$(document).ready(function(){   
  $('.x').each(function(){    

 if ($(this).attr("src") === "_")         
   $(this).remove(); 
 else        
    $(this).addClass("show"); 
  });     
 });   
</script>

当src路径为空时，JQUERY隐藏IMG标记

2 个答案: