javascript - 在 Jquery 中定位下一个 Div 元素

Question

这是HTML

<a style="border: medium none; display: block;" class="agendaNav" href="#"><img class="rightArrow" src="/images/arrowdown.png"> WEEK AT A GLANCE</a>

<div class="agendaDay">

  Content In Here

</div>

相同的链接/类重复了几次，我使用了以下 JQuery:

$('.agendaNav').click(function(event){
    event.preventDefault();
    if($(this).find('.rightArrow').attr('src')=='/images/arrowdown.png'){
        $(this).find('.rightArrow').attr('src', '/images/arrowright.png');
        $(this).attr('style', 'border-bottom: 1px solid #fff; display: block;');
    } else {
        $(this).find('.rightArrow').attr('src', '/images/arrowdown.png');
        $(this).attr('style', 'border: none; display: block;');
    }
    $('.agendaDay').toggle('fast');
});

如果你看这里:

http://icuc2011.com/agenda

你会看到它改变了 agendaDay 的每一类，这是有道理的，但我只想在被点击的“a”标签之后直接改变那个，我试过这个:

$(this).next('.agendaDay').toggle('fast');

但是然后箭头改变了，但是类议程日的 div 根本没有改变，我做错了什么？

Answer 1

您的示例与您的实际代码不匹配。在您的代码中，链接位于 p 标记内。 div 是此 p 标记之后的兄弟。如果这一直是它的工作方式，那么您需要:

$(this).parent().next('.agendaDay').toggle();