Javascript 当src未知时隐藏图像

我试图在WordPress中隐藏没有src的图像

以下是显示在前端的图像代码

>

JS用于隐藏图像

<script type="text/javascript">
$(document).ready(function() {
   $(".galimage").each(function() {
        var atr = $(this).attr("src"); 
        if(atr == "") {
            $(this).addClass("hidegalimage");
        } else {
            $(this).removeClass("hidegalimage");
        }
    });
});
</script>

但我仍然可以看到破碎的图像图标&图像边框。看法有人能解决我的问题或给我一个如何隐藏图像的建议吗

非常感谢
使用CSS要优雅得多，不需要Javascript，假设坏的
src
s以
[
开始，就像在HTML中一样：是空字符串：


.galimage[src=”“]{
显示：无；
}


不需要CSS替代方案

您可以使用它，但这根本不会隐藏它从页面中的删除（DOM）：

使用jquery

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

或

disply:none；
拼写在编程中很重要。糟糕，我在JSFiddle中修复了它，但它仍然显示损坏的图像，假设
[custom-gallery-image-01]
shortcode将被空字符串替换。如果找不到图像，则代码会正常工作：在代码中，您要查看src是否等于空字符串。但在图像标记中，您的字符串被设置为[custom-gallery-image-01]的文本字符串。当函数运行时，它不会设置您的类，因为src不是空的。@cabrerahector谢谢！@CertainPerformance谢谢HEAPS！这就像一个符咒。当我检查没有src的元素时，它显示了src（未知）。但在添加CSS后，效果非常好。@cale_b谢谢，我不认为问题是这样的，因为它会为您的时间、努力和知识积累很多！
<img id='any' src="https://invalid.com" onerror="document.getElementById(this.id).remove()" >

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

$("img").error(function (){ 
    $(this).hide();
    // or $(this).css({'display','none'}); 
});