如何根据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");