динамически записывать альт-значение изображения как текст с помощью jQuery

Question

Попытка написать небольшую функцию, которая обновляет paragraph альтернативным текстом изображения.класс .active - это просматриваемое изображение.Я запускаю эту функцию на doc.ready и при нескольких .click событиях.Вот что я получил без результатов:

$("#title").text($('.z.active').attr('alt', ''));

Спасибо за вашу помощь!

Answer 1

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

HTML:

<div class="z">
<img class="active" alt="foobar" src="http://placehold.it/350x150"/>
</div>
<div id="title"></div>

Javascript:

$("#title").text($('.z .active').attr('alt'));

Проверьте это на JSFiddle .