Выбор дочернего изображения элемента, на который нажали, в Jquery

Question

Итак, у меня есть такой HTML-код:

<p class="agendaNav"><img class="rightArrow" src="/images/arrowright.png"> WEEK AT A GLANCE</p>
<p class="agendaNav"><img class="rightArrow" src="/images/arrowright.png"> MONDAY</p>
<p class="agendaNav"><img class="rightArrow" src="/images/arrowright.png"> TUESDAY</p>

В Jquery я хочу изменить атрибут src с ArrowRight.png на arrowdown.png при его нажатии.

Как быЯ делаю это?

Вот что у меня есть:

$('.agendaNav').click(function(event){

    $(this).('.rightArrow').attr('src', '/images/arrowdown.png');
});

Что я делаю не так?

О, и я хочу изменить только Стрелкунажал на элемент, а не на каждый.

Answer 1

Ваш синтаксис неправильный.

после . вам необходимо использовать имя метода

$(this).find('.rightArrow').attr('src', '/images/arrowdown.png');

В качестве альтернативы вы можете использовать этот синтаксис

$('.rightArrow', this).attr('src', '/images/arrowdown.png');

, которая использует this в качестве контекста для поиска.

ссылка: http://api.jquery.com/jQuery/#jQuery1