使用jquery隐藏带有空白src的图像

我在页面上有4个子图像，它们从数据库中获取src属性。 他们都有一个class =“subImage”。 当没有数据库条目时，我想隐藏元素而不是像我现在拥有的链接断开。 我试过jQuery：

 $(document).ready(function() { $('.subImage[src^=""]').css('visibility:hidden'); });  

我离开了吗？

谢谢。

Answer 1

您将参数传递给css函数，如下所示：

 $(selector).css('visibility','hidden') 

要么

 $(selector).css({'visibility':'hidden', 'newAttr':'newValue'}) 

Answer 2

试着隐藏它们

  $("img").error(function(){ $(this).hide(); }); 

Answer 3

使用CSS的更好方法是使用CSS。 您可以使用属性选择器根据元素的属性值选择元素。 像这样。

 .subImage[src=""] { /* Selects all .subImage where the src is blank. */ visibility: hidden; } 

Answer 4

你可以做到

 $(document).ready(function() { $('.subImage').filter(function(){ return this.src === ''}).hide(); }); 

Answer 5

这应该这样做：

 $(document).ready(function() { $('img[src=""]').hide(); });