jquery problem mit parent() und next () - Selektoren

Ich habe den folgenden code:

<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <title>Untitled Page</title>
    <script class="jsbin" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
    <script type="text/javascript">
    $(document).ready(function(){
        $(".Note").click(function(){
        $(this).parent().parent().next(".divNote").slideToggle();
        });
    });
    </script>

  </head>
  <body>
    <table>
        <tr>
            <td class="Note" style="cursor: pointer">
                <font size="3" color="#800080"><b><u>TD</u></b> </font>
            </td>
        </tr>
    </table>
    <br />
    <div style="display: none" class="divNote">
    </div>
  </body>
</html>

Kann ich herausfinden, warum es nicht funktioniert.

Beispiel: Hier

Jede Hilfe.

Danke an M. für den Hinweis, das Dokument zitiert, sondern sogar, es zu entfernen, noch nicht funktionieren.
aktualisierte Antwort unten

InformationsquelleAutor Amra | 2010-11-23

4

Lassen Sie mich erklären, warum es nicht funktioniert

Haben Sie einen filter Hinzugefügt, um next() Funktion, die filtern nur die passenden Elemente. In Ihrem Fall ist es beinhaltete nur ein element ( br ), die nicht über die passenden Klassennamen, so dass der resultierende Satz war abgeschnitten null Elemente.

Der Weg, um es Arbeit

So, anstatt einfach filtern next element, das Sie haben heraus zu filtern, aus alle Geschwister:
```
$(document).ready(function() {
  $(".Note").click(function(){
    $(this).parents("table").siblings(".divNote").slideToggle();
  });
});
```
oder filter aus alle folgenden Geschwister (wenn der Vorherige Geschwister nicht relevant sind)
```
$(document).ready(function() {
  $(".Note").click(function(){
    $(this).parents("table").nextAll(".divNote").slideToggle();
  });
});
```
Danke für die Erklärung, ich kann jetzt sehen, warum es nicht funktioniert.
Die Wahl dieser als Antwort, weil der Erklärung.
Danke Cesar. Struktur FTW. 😉
Arbeitete für mich auf etwas anderes, das ich tun musste, eine große Hilfe

InformationsquelleAutor Robert Koritnik
4

$('document') ist ein null-Verweis. Entfernen Sie die Anführungszeichen, damit es verweist auf das Objekt und nicht ein HTML-element mit dem Namen Dokument.

Danach sollte es funktionieren. Geben Sie bitte auch die jQuery-lib-und include-DOCTYPE...

EDIT: Sie haben mehrere Probleme mit dem Skript. Ich stellte es so:
```
$(document).ready(function() {

$(".Note").click(function(){
        $(this).closest('table').nextAll("div.divNote").slideToggle();
        });

});
```
tr hat eine tbody in der Regel, der ihn besitzt. es ist besser, am nächsten. Auch next gibt Ihnen die next element, das next element der table ist ein br...

Es funktioniert mit $('document') weil es nicht wirklich verwenden, was ausgewählt ist (wenn überhaupt). jsfiddle.net/patrick_dw/qSJLM
Ya, meinen code, wenn ich endlich die Mühe gemacht, genauer hinzuschauen.

InformationsquelleAutor meder omuraliev
2

Eine Reihe von Dingen, ist hier falsch.

Erste, jQuery ist nicht im Lieferumfang enthalten. Include jQuery durch hinzufügen
```
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
```
Ihrem Kopf-Tags.

Zweiten, sollten Sie auf $(document) ohne Anführungszeichen.

Einigen Browsern (Firefox getestet) fügt automatisch eine tbody element. Sie können dies überprüfen, indem Sie eine console.log($(this).parent().parent()).

Einer Lösung zu tun $(this).parents("table").nextAll(".divNote").slideToggle();

Danke, immer noch nicht arbeiten.
Sorry, verpasst. Verwenden nextAll(".divNote").

InformationsquelleAutor alexn
2

Das problem ist, beide Eltern() und next(). (Ich gehe davon aus, dass Sie jQuery bezogen in Ihre HTML-und der obige code wurde gekürzt für bessere Lesbarkeit.)

Das problem mit .parent().parent() ist, der dargestellt wird durch die browser . Beachten Sie die extra gibt, die impliziert wurde durch den HTML-Code. Sie lösen könnte diese über .parent().parent().parent(), aber eine stabilere Lösung wäre .Eltern('table').

Und für die nächste():

Bekommen die unmittelbar folgenden gleichgeordneten jedes element in dem Satz von abgestimmten Elementen. Wenn ein Selektor vorgesehen ist, es ruft das nächste Geschwister nur, wenn es passt, Selektor.

Ihre nächste Geschwister ist
,, die nicht die Klasse ".divNote". Ihre Selektor gibt daher nichts. Sie verwenden möchten nextAll() statt.

Putting all dies zusammen...
```
$(".Note").click(function(){
    $(this).parents('table')
         .nextAll(".divNote").slideToggle();
});
```
Arbeiten jsFiddle hier: http://jsfiddle.net/6WrjH/

InformationsquelleAutor James Kovacs
0

Du bist nicht einschließlich der jquery-Bibliothek gibt. Keines der jquery-code funktioniert ohne, dass.

InformationsquelleAutor McAden
0

Sie nicht enthalten eine Referenz auf jQuery auf Ihrer Seite...fügen Sie ihn in den Kopf

[BEARBEITEN], Was Sie haben funktioniert..nur nicht mit nichts da, Sie führen ein slideToggle auf eine nicht sichtbare, leer, div. Wenn Sie die Formatvorlage ändern, sodass Sie sehen können, das div-Element und geben Sie eine Höhe, die Folie wechseln ist in Ordnung.

Vereinfachen zudem die Auswahl der divNote wie:
```
$(".divNote").slideToggle("slow");
```
Das problem nicht unbedingt in der parent () - und next (), sondern mehr, dass Sie mit einer nicht sichtbaren Person

Ich bereits Hinzugefügt, danke für den Hinweis, auch wenn Hinzugefügt, funktioniert nicht.

InformationsquelleAutor curtisk

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.

Lassen Sie mich erklären, warum es nicht funktioniert

Der Weg, um es Arbeit