If my image doesnt contain a src then i want to hide it using visibility hidden:

<img border="0" src="" style="cursor:hand;cursor:pointer;" id="EntityPic543">

How can i do this with jquery?

If my image doesnt contain a src then i want to hide it using visibility hidden:

<img border="0" src="" style="cursor:hand;cursor:pointer;" id="EntityPic543">

How can i do this with jquery?

• javascript
• jquery

Share Improve this question Follow asked Jul 19, 2012 at 10:56 SOLDIER-OF-FORTUNESOLDIER-OF-FORTUNE 1,65455 gold badges3939 silver badges6868 bronze badges 1

• 2 Please note that if your img tag has width & height attributes it will still occupy some space when using visibility:hidden. Most of the answers will make your img display:none; – Bob Commented Jul 19, 2012 at 11:03

Add a ment  | 

5 Answers 5

Sorted by: Reset to default 4

$('img').filter(function(index){return $(this).attr('src')==='';}).hide();

$(document).ready(function(){
  $("img").each(function(){
     (!this.src || $(this).prop("src")) && $(this).hide();
  });
});

Thanks to @GeorgeMauer

$('img').each(function() { 
  !this.src && $(this).hide()
});

Try this without any loop:

$('img[src=""]').hide();

DEMO

$("#EntityPic543").css("visibility", "hidden"); 

That will hide the element.