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

Question

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

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

如果apple已经在此列表中，则什么也不做。有没有办法可以使用 jQuery 进行检查？

我尝试使用查找， 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 属性选择器