JQuery Kochbuch (German Edition)

Titel: JQuery Kochbuch (German Edition) Kostenlos Bücher Online Lesen
Autoren: jQuery Community Experts

Vom Netzwerk:

Jetzt wollen wir das zweite

-Element mit Hilfe des (jQuery-eigenen) Index-Selektors
:eq()
auswählen:
//wählt das zweite Element der

s über den Index aus, der mit 0 beginnt
jQuery(' li:eq(1 )');
Wir haben jetzt einen Kontext, einen Ausgangspunkt in der HTML-Struktur, nämlich das zweite

-Element. Von hier aus können wir zu beliebigen anderen Positionen gelangen – na gut, zu fast allen anderen Positionen. Nutzen wir ein paar jQuery-Methoden, um das DOM zu durchlaufen. In den Kommentaren ist jeweils die Funktion beschrieben:
jQuery('li:eq(1)') .next( ) //selektiert das dritte

jQuery('li:eq(1)') .prev() //selektiert das erste

jQuery('li:eq(1)') .parent() //selektiert das Eltern-Element

s

jQuery('li:eq(1)') .nextAll() //selektiert alle
s nach dem zweiten
jQuery('li:eq(1)') .prevAll() //selektiert alle
s vor dem zweiten
    Diese durchlaufenden Methoden erzeugen ein neues Wrapper-Set. Um zum vorherigen Wrapper-Set zurückzugelangen, können Sie
end()
verwenden.
    Diskussion
    Die gezeigten Methoden zum Durchlaufen des DOM sind recht einfach. Es gibt aber zwei weitere Konzepte, die beim Durchlaufen wichtig sind.
    Das erste und vermutlich naheliegendste Konzept ist das Verketten von durchlaufenden Methoden. Lassen Sie uns nochmals die folgende jQuery-Anweisung anschauen:
jQuery('li:eq(1)') .parent().children() //selektiert alle
s
Dabei bin ich vom zweiten
-Element zum übergeordneten Eltern-Element

JQuery Kochbuch (German Edition)

Weitere Kostenlose Bücher