javascript - 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も表示されます。

score 19 · Accepted Answer

2 つの要素が機能するには、同じレベルではありませんnext()。

これを試して：

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

参照用に更新されたフィドルを次に示します。

score 3 · Accepted Answer

は兄弟を取得するためjQuery.next()、取得しようとしている div は親の兄弟であり、兄弟ではありません。

score 2 · Accepted Answer

$(this) は a 要素であり、その要素に兄弟はありません。div が必要な場合は、parent を使用します。

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

3 に答える 3