2012-05-04 94 views
2

我有4个子图像从一个数据库中获取其src属性的页面上。他们都有一个class =“subImage”。当没有数据库条目时,我想隐藏这个元素,而不是像我现在那样有一个断开的链接。 我试过在jQuery中:使用jquery隐藏空白src图像

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

我是否离开?

谢谢。

回答

0

您将参数传递给CSS功能如下:

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

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

什么做错了......我已经包括elelemts太:

+0

运行,你会看到:http://jsfiddle.net/DFNf5/ – aldux

+0

谢谢...我不得不在页面末尾的链接,谷歌jQuery的CDN。通过放在头上,它的工作。只要我使用document.ready ?,我肯定知道我可以在底部的链接?!?!伟大的工具(jsfiddle)谢谢。 –

2

试着隐藏他们

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

感谢您的建议 –

+0

不客气。 – coder

0

你可以做

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

感谢您的建议,我确定问题出在我身上,但没有奏效。 ? –

0

这应做到:

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

一个更好的办法来做到这一点是与CSS。您可以使用属性选择器根据它的属性值选择一个元素。像这样。

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

会在IE8中工作吗? –

+0

是的。这适用于所有IE版本,包括IE 6。 – 2012-05-04 11:31:07