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

Question

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

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

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

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

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

Answer 1

您可以使用图像的错误处理程序 ，该属性包含选择器，如下所示：

$("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。