jquery - 在 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