如何根据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的图像。它检查结果是否为空(检查长度)。如果没有返回任何元素(length=0)，则不存在具有相同alt参数的其他图像。

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

参考文献-

• jQuery attribute selectors