jQuery attr src

Question

У меня следующая проблема / вопрос:

У меня есть такой HTML-код:

<div id="tab">
<ul>
    <li><a href=""><img src="pic1.png" width="16" height="16" alt="" /></a></li>
    <li><a href=""><img src="pic2.png" width="16" height="16" alt="" /></a></li>
    <li><a href=""><img src="pic3.png" width="16" height="16" alt="" /></a></li>
    <li><a href=""><img src="pic4.png" width="16" height="16" alt="" /></a></li>
    <li><a href=""><img src="pic5.png" width="16" height="16" alt="" /></a></li>
    <li><a href=""><img src="pic6.png" width="16" height="16" alt="" /></a></li>
</ul>

Нет, у меня есть jQuery, и я хочу получить изображение img на событии "click". Для этого у меня есть этот код:

jQuery('#tab a').click(function() {
alert(jQuery(this).attr('src'));
});

Но я не получаю код, потому что он должен быть

jQuery('#tab img')

и работа с

jQuery(this 'a')

или что-то подобное невозможно - ну и что делать?

Но я не могу использовать jQuery ('# tab img'), потому что мне также нужно

Может кто-нибудь помочь?

Большое спасибо.

Привет, Sascha

Answer 1

Причина, по которой ваш код не работает, заключается в том, что jQuery(this) в вашем предупреждении на самом деле является якорем, а не изображением, и, следовательно, у него нет атрибута src. Поскольку ваш якорь содержит изображение, вы сможете настроить свой код так:

jQuery('#tab a').click(function() {
   alert(jQuery(this).find('img').attr('src'));
});

Answer 2

Вы можете просто найти изображение в теге привязки, который вы щелкнули (т. Е. Выполнить поиск в контейнере привязки).

$('#tab a').click(function()
{
   alert($("img", $(this)).attr("src"));
});