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