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

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

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

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


person technopeasant    schedule 13.09.2011    source источник
comment
часть .attr('alt', '') устанавливает атрибут - это выглядит/звучит так, как будто вы пытаетесь получить атрибут, верно?   -  person kinakuta    schedule 14.09.2011
comment
Передача второго параметра в attr() устанавливает значение. Используйте один параметр (имя атрибута), чтобы получить значение атрибута.   -  person Richard Dalton    schedule 14.09.2011
comment
Вы устанавливаете значение alt в пустую строку. Получите альтернативный объект, подобный этому $('.z.active').attr('alt')   -  person Eriksberger    schedule 14.09.2011


Ответы (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.

person Larsenal    schedule 13.09.2011