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

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

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

$（文档）.ready（函数（）{
$（'.subImage[src^=“”）.css（'visibility:hidden'）；
});

我走远了吗

谢谢。

试着把它们藏起来

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

你可以

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

---

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

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

或

这应该做到：

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

---

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

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

---

我做错了什么？。。。我也包括了元素：“/>”/>“/>”/>“/>$（document.ready（函数（e）{$（'#imageMain'））.css（{'visibility'：'hidden'}）；}）；谢谢我在页面的末尾有一个到jQuery Google CDN的链接。通过头部注射，它成功了。我被明确地告知只要我使用文档，我就可以打开底部的链接。准备好了吗？！？！非常好的工具（JSFIDLE）谢谢。谢谢你的建议，我确信问题在我这边，但它不起作用。是的。这适用于包括IE6在内的所有IE版本。

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