在添加图像之前检查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"/>');