在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');
});

我做错了什么？

哦，我只想更改被点击元素的箭头，而不是所有元素。

- Jordash

---

也许另一个问题 $(this)选择器和children 可以解决你的问题。 - Theon Lin

Answer 1

你的语法有误。

在 . 后面，你需要使用一个方法名。

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

或者您可以使用这个语法

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

这里的this作为上下文来确定搜索范围。

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

- Gabriele Petrioli