Javascript 使用jquery在页面上查找具有特定文件名的图像
我需要在一个页面上做一个检查,以检查某些图像是否已加载ie。未返回404。如果它们不可用,我想用默认图像替换图像 我知道我可以为图像分配onerror处理程序 首先,我需要使用一个选择器来查找包含以下图像名称的源的所有图像->/folder/Product_1234\u p.jpg或/folder/Product_9876\u Q.gif 有没有办法创建一个高性能的选择器来查找这样的图像,这样我就可以检查是否加载了图像,如果没有的话,可以将图像名称替换为:Product\u Default\u p.jpg或Product\u Default\u Q.gif 任何帮助或建议都会很好。您可以使用图像等:Javascript 使用jquery在页面上查找具有特定文件名的图像,javascript,jquery,image,jquery-selectors,css-selectors,Javascript,Jquery,Image,Jquery Selectors,Css Selectors,我需要在一个页面上做一个检查,以检查某些图像是否已加载ie。未返回404。如果它们不可用,我想用默认图像替换图像 我知道我可以为图像分配onerror处理程序 首先,我需要使用一个选择器来查找包含以下图像名称的源的所有图像->/folder/Product_1234\u p.jpg或/folder/Product_9876\u Q.gif 有没有办法创建一个高性能的选择器来查找这样的图像,这样我就可以检查是否加载了图像,如果没有的话,可以将图像名称替换为:Product\u Default\u
这是一个属性选择器。看看吧我想你的意思是
$("img[src^=/folder/Product_][src$=_P.jpg]")
i、 e.“查找所有img,src以“/文件夹/产品”开头,以“\u p.jpg”结尾“谢谢你的帮助,我想我可能还没有完全解释清楚。图像的名称是dynmaic,只有单词PRODUCT是常量。也可能是Product_123_P.jpg或Product_8844_D.gif。唯一的常量是它的结构,即产品下划线数字下划线字母ExtensionAnks。我需要在我的大多数页面上运行它,因此需要尽可能提高性能。是这样吗?另外,我想使用live函数绑定它,这样它不仅可以处理页面元素,而且还可以处理具有此类图像的模式是否被触发。有什么想法吗?如果有数百张图像,我不建议在图像src属性上使用通配符匹配。您不能将感兴趣的图像指定为一个类,例如
,并将选择器(在上面的答案中)更改为img.product
?@Niall这将非常有效,更重要的是,这是一个超级干净的解决方案。我建议使用这个解决方案。通配符选择器实际上比以属性选择器开头或结尾的要快。我不认为它太贵。可以使用getElementByTagName获取DOM对象,而且字符串匹配很便宜。可以与.live()一起使用,但是必须选择要将函数绑定到的事件。
$('img[src*="substring"]')
$("img[src^=/folder/Product_][src$=_P.jpg]")