在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中,我想在单击时将src属性从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

链接地址: http://www.djcxy.com/p/26681.html

上一篇: Selecting a child image of a clicked on element in Jquery

下一篇: strip all <img> tags within a div