jquery - 在添加之前检查图像是否存在于 Anchor 标记中

Question

只是想知道您是否可以帮助我解决这个问题，我在页面上有 PDF 文档的锚标记。有些有关联的pdf图标

<li>
   <a class="pdf" href="/link_to_pdf_1.pdf" target="_blank"> Title of PDF 1
     <img alt="Adobe PDF document" src="/link_to_pdf_icon/pdf-icon.png">
   </a>
</li>

有些没有。

<li>
  <a class="pdf" href="/link_to_pdf_2.pdf" target="_blank">Title of PDF 2 </a>
</li>

我有一些 jQuery 代码为具有类 .pdf 的链接附加一个 pdf 图标

$('a.pdf').append('<img src="/link_to_pdf_icon/pdf-icon.png" alt="Adobe PDF document"/>');

这是为第一个链接添加第二个图标。在添加另一个图像之前应该如何检查图像是否已经存在。

Answer 1

干得好

$('a.pdf:not(:has(img))').append('<img src="/link_to_pdf_icon/pdf-icon.png" alt="Adobe PDF document"/>');

Answer 2

我建议您使用:has代替：

http://jsfiddle.net/tactP/

$('a.pdf').not(':has(img)').append('<img src="/link_to_pdf_icon/pdf-icon.png" alt="Adobe PDF document"/>');