javascript - 查找具有部分名称 jquery 的图像

Question

我在 div 中有一个图像，如下所示:

<div id="testdiv">
   <div class=".kl"> </div>
   <img src="../../testimage.png"/>
</div>

我想测试 div 中是否存在图像。 我写了一个 jquery 条件，它对所有条件都显示为 true:

if ($("#testdiv").children('img').attr('src','testimage.png')) {
alert('image found');
}

if ($("#testdiv").children('img').attr('src','dummyimage.png')) {
alert('image found');
}

控件进入第二个'if'条件，这是不正确的，因为dummyimage.png不存在于“testdiv”中。 如何仅通过图像名称判断其是否存在于 div 内？

Answer 1

您的代码不是按属性搜索，而是设置属性。

如果要按以给定值结尾的属性进行搜索，可以使用 attribute-ends-with selector ([name$=value-it-ends-with]):

if ($("#testdiv img[src$='testimage.png']").length) {
    // yes, it's there
} else {
    // no, it isn't
}

还有attribute-contains selector (*= 而不是 $=)它将匹配任何地方的 sbustring，而不仅仅是在末尾。和^=仅在开头匹配。更多内容请参见the documentation .