为什么jQuery next 找不到下一个div？

Question

我想为常见问题创建一个页面并使用 jQuery 来显示每个答案。但它不起作用。
每个问答的格式是这样的：

<div><a href="javascript:void(0)" class="expand">First Question</a></div>
<div class="answer" style="display:none">First Answer</div>  

我使用的jQuery代码是：

$(".expand").click(function(){
    $(this).next('.answer').slideToggle();
});

错了吗？你也可以看到它的jsFiddle。

Answer 1

$(this) 是 a 元素，并且该元素没有兄弟元素。如果你想要 div，请使用 parent：

$(this).parent().next()

Answer 2

next() 工作的两个元素不在同一级别。

试试这个：

$(".expand").click(function(){
    $(this).parent().next('.answer').slideToggle();
});

这是一个updated fiddle 供您参考

Answer 3

因为jQuery.next() 抓取兄弟姐妹，所以您尝试获取的 div 是父母的兄弟姐妹，而不是兄弟姐妹。