如何根据alt属性检查图像是否存在？

Question

如果我想将另一张图片附加到此列表中。

<img src="1.jpg" alt="apple">

如果apple已在此列表中，则不执行任何操作。有没有办法可以使用jQuery来检查？

我尝试使用find，var existItem = $("#targetBox").find(" not sure what to put here ")

<div id="test">
  <img src="1.jpg" alt="apple">
  <img src="2.jpg" alt="banana">
  <img src="3.jpg" alt="grape">
</div>

Answer 1

是，请使用以下内容检查是否存在这样的图像：

if ($("#test img[alt='apple']").length) {
}

然后，添加另一张图片：

$("<img>").attr("src", "4.jpg").attr("alt", "orange").appendTo("#test");

Answer 2

您可以使用jQuery的属性选择器 -

if ($("#targetBox").find("img[alt='THE_NEW_IMAGE_ALT']").length){

}

此代码查找alt属性等于THE_NEW_IMAGE_ALT的图片。它检查结果是否为空（检查长度）。如果没有返回任何元素（长度= 0），则没有其他图像具有相同的alt参数。

您可以使用相同的代码来测试任何属性的任何值。例如，如果您想根据src属性测试图片是否存在，则只需将选择器更改为如下所示 - find("img[src='THE_IMAGE_SRC']")

参考文献 -

• jQuery attribute selectors