2013-06-10 6 views
1

, просто задаваясь вопросом, можете ли вы помочь мне на этом, У меня есть привязывающие теги для документов PDF на странице. У некоторых есть значок, связанный с pdfПроверьте, существует ли изображение в теге Anchor перед добавлением одного

<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"/>');

Это добавление второй значок для первой ссылки. Как проверить, существует ли изображение перед добавлением другого.

ответ

3

Я предлагаю вам использовать :has вместо:

http://jsfiddle.net/tactP/

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

Спасибо, жареный, я дам его вам, как вы добрались туда первым. – RonanC

6

Здесь вы идете

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

Простой и лучше. +1 для этого –

+0

Wow, что было быстро :) Позвольте мне проверить это. – RonanC

+0

Нет: содержит только текст, указанный в документе: http://api.jquery.com/contains-selector/ –

Смежные вопросы