jquery - 如何根据路径/URL 选择图像？

Question

我想根据 URL 来选择图像，但由于某种原因它不起作用:

最终我想要的是:

var imgs = $("img[@src='images/object.png']:not(:hidden)");

但即使是简单的事情，例如:

$("img[@src='images/object.png']");

抛出此错误:“TypeError:对象不支持此属性或方法”。

如果我在查询中省略@:

$("img[src='images/object.png']");

我没有收到任何返回。我已经在运行时直接从生成的 html 中复制并粘贴了路径，但它仍然拒绝返回任何项目。如果我用 id 选择器替换 src 选择器，它会返回项目。

这是运行时生成的图像标签:

<img id="ctl00_ContentPlaceHolder1_object_1" src="images/object.png" style="height:16px;width:16px;border-width:0px;visibility:visible;display:inline;margin-right:3px;" />

我正在运行 jQuery 1.4.2，并且我已经检查了所有文档，所有文档似乎都已正确编码。我认为这不是一个错误，而是我的误解。谁能解释一下吗？

干杯

Answer 1

不要使用@，并确保也包含完整的查询。如果有的话。

$("img[src='/images/marketing/logo.png?1277792289']")[0]

您也可以进行子字符串匹配

$("img[src*='logo']")[0]

并且 :not 选择器位于错误的位置。它不应该在属性括号中。

$("img[src*='logo']:not(:visible)")[0]