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

Question

只是想知道你是否能帮我解决这个问题，我在页面上有 PDF 文档的 anchor 标记。有些有关联的 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"/>');