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

Question

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

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

我离开了吗？

感谢。

Answer 1

尝试隐藏它们

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

Answer 2

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

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

Answer 3

你可以做到

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

Answer 4

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

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

或

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

Answer 5

这应该这样做：

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