Warum jQuery nächsten nicht finden können, das nächste div?

Ich möchte erstellen Sie eine Seite für FAQs und verwendet jQuery, um zu zeigen, jede Antwort. Aber es funktioniert nicht.

Das format der einzelnen Frage-Antwort wie diese: 

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

Und der jQuery code, den ich verwendet habe ist: 

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

Ist es falsch? Sie können sehen, seine jsFiddle zu.

InformationsquelleAutor Mohammad Saberi | 2013-10-27

  1. 19

    Die beiden Elemente sind nicht auf dem gleichen Niveau für next() zu arbeiten.

    Versuchen Sie dies:

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

    Hier ist ein aktualisiert fiddle für Ihre Referenz

    Danke @Karthikr ...
    Froh, dass es geholfen ..
    Wie verwenden Sie Selektoren für diese - jsfiddle.net/8HH9L/4 ich möchte " ausgewählte Zeilen in der Tabelle, nachdem die Taste...
    Bitte Lesen Sie dieses jsfiddle - jsfiddle.net/8HH9L/5

    InformationsquelleAutor karthikr

  2. 3

    Weil jQuery.next() packt Geschwister, die div, die Sie versuchen zu bekommen, ist die Eltern-Geschwister, nicht die Geschwister.

    InformationsquelleAutor Cameron Askew

  3. 2

    Sowie $(this) ist die ein-element, und es gibt keine Geschwister, die auf das element. Wenn Sie möchten, dass der div, verwenden Sie parent:

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

    InformationsquelleAutor Peter van der Wal

Schreibe einen Kommentar