我有4个子图像从一个数据库中获取其src属性的页面上。他们都有一个class =“subImage”。当没有数据库条目时,我想隐藏这个元素,而不是像我现在那样有一个断开的链接。 我试过在jQuery中:使用jquery隐藏空白src图像
<script>
$(document).ready(function() {
$('.subImage[src^=""]').css('visibility:hidden');
});
</script>
我是否离开?
谢谢。
我有4个子图像从一个数据库中获取其src属性的页面上。他们都有一个class =“subImage”。当没有数据库条目时,我想隐藏这个元素,而不是像我现在那样有一个断开的链接。 我试过在jQuery中:使用jquery隐藏空白src图像
<script>
$(document).ready(function() {
$('.subImage[src^=""]').css('visibility:hidden');
});
</script>
我是否离开?
谢谢。
您将参数传递给CSS功能如下:
$(selector).css('visibility','hidden')
或
$(selector).css({'visibility':'hidden', 'newAttr':'newValue'})
你可以做
$(document).ready(function() {
$('.subImage').filter(function(){ return this.src === ''}).hide();
});
感谢您的建议,我确定问题出在我身上,但没有奏效。 ? –
这应做到:
$(document).ready(function() {
$('img[src=""]').hide();
});
一个更好的办法来做到这一点是与CSS。您可以使用属性选择器根据它的属性值选择一个元素。像这样。
.subImage[src=""] { /* Selects all .subImage where the src is blank. */
visibility: hidden;
}
会在IE8中工作吗? –
是的。这适用于所有IE版本,包括IE 6。 – 2012-05-04 11:31:07
什么做错了......我已经包括elelemts太:
运行,你会看到:http://jsfiddle.net/DFNf5/ – aldux
谢谢...我不得不在页面末尾的链接,谷歌jQuery的CDN。通过放在头上,它的工作。只要我使用document.ready ?,我肯定知道我可以在底部的链接?!?!伟大的工具(jsfiddle)谢谢。 –