在Jquery中选择单击元素的子图像

所以我有这样的 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中,我想在单击时将箭头属性从ArrowRight.png更改为arrowdown.png.

我该怎么办?

这是我到目前为止:

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

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

我究竟做错了什么?

哦,我只想更改点击元素的箭头,而不是每一个.

你的语法错了.

之后 .你需要使用方法的名称

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

或者,您可以使用此语法

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

它使用this作为搜索位置的上下文.

参考:http://api.jquery.com/jQuery/#jQuery1

相关文章
相关标签/搜索