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

Question

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

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

我走远了吗？

谢谢。

score 2 · Accepted Answer

2

尝试隐藏它们

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

于 2012-05-04T10:29:37.987 回答

score 1 · Accepted Answer

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

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

score 0 · Accepted Answer

你可以做

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

score 0 · Accepted Answer

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

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

或者

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

score 0 · Accepted Answer

0

这应该这样做：

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

于 2012-05-04T10:51:13.457 回答

5 回答 5