所以我有这样的 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
关于jquery - 在 Jquery 中选择单击元素的子图像,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/5467340/