Question

页面上有一个OL，每个LI都包含一个img标记。但是，其中一些img src属性仅包含缩略图生成器代码，但没有图像路径。我需要为每个这样的img隐藏父LI。

我的HTML：

<ol class="flex-control-thumbs">
<li><img src="graphic.jpg?action=thumbnail"></li>
<li><img src="?action=thumbnail"></li>
<li><img src="graphic.jpg?action=thumbnail"></li>
</ol>

如果不是动作变量，我可以检查长度：

$(".flex-control-thumbs li").each(function () {
    var self = $(this);
    if (self.find('img[src=""]').text().length > 62) {
        self.hide();
    }
});

所以我认为要容纳动作变量，我要么检查总src长度是否大于x个字符或者我需要找到我知道的某些字符将始终在src中如果存在图像路径，例如＆＃39; .jpg＆＃39;。我无法弄清楚如何让任何一种方法起作用。

Answer 1

您可以在onerror代码上使用img事件：

<ol class="flex-control-thumbs">
    <li><img src="graphic.jpg?action=thumbnail" onerror="hideParent()"></li>
    ...
</ol>

JS：

function hideParent() {
    $(this).parent().hide();
}

jQuery - 如果img src没有图像路径，则隐藏父级

1 个答案: