使用jquery在页面上查找具有特定文件名的图像

Question

我需要检查页面以检查某些图像是否已加载，即。没有返回404.如果它们不可用，我想用默认图像替换图像。

我知道我可以为图像分配一个onerror处理程序。

首先，我需要使用选择器来查找具有包含以下图像名称的源的所有图像 - ＆gt; /folder/Product_1234_P.jpg或/folder/Product_9876_Q.gif

我有什么想法可以创建一个高性能选择器，我可以用它来查找这些图像，以便我可以检查是否加载了图像，如果没有用以下内容替换图像名称：Product_Default_P.jpg或Product_Default_Q.gif

任何帮助或建议都会很棒。

Answer 1

您可以使用图片的error handler和attribute contains selector，如下所示：

$("img[src*=Product]").error(function() {
    $(this).attr('src', 'notfound.jpeg');
});

Answer 2

$('img[src*="substring"]')

这是一个属性选择器。查看http://api.jquery.com/attribute-contains-selector/

Answer 3

我猜你的意思是

$("img[src^=/folder/Product_][src$=_P.jpg]")

即。 “使用以”/ folder / Product_“开头并以”_P.jpg“结尾的src查找所有img。