我了解如何按照以下步骤隐藏图像,
<img src=""......>
但是,我遇到了一些问题,因为我对JS一无所知,如何隐藏这样的损坏图像,
<div class="lx-g3-f" >
<div class="lx-gallery" data-bg="image_url" alt="alt text" referrerpolicy="no-referrer" title="something title">
<div class="lx-gallery-title" >
<h3><a href='something_img_url' referrerpolicy="no-referrer">click here!</a></h3>
</div>
</div>
img
不存在时如何进行以下工作。
$("img").on("error", function() {
$(this).closest('.lx-g3-f').hide();
});
不平凡
尝试
$(function() {
$("[data-bg]").each(function() {
const $parent = $(this).closest(".lx-g3-f")
const img = new Image();
img.onerror=function() {
$parent.hide();
}
img.src=$(this).data("bg")
})
})
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句