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中，我想在单击时将箭头属性从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

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

1 个答案: