jQuery Traversierung

Was ist Traversierung?

Die jQuery-Traversierung, was "sich bewegen" bedeutet, wird verwendet, um HTML-Elemente anhand ihrer Beziehung zu anderen Elementen zu "finden" (oder auszuwählen). Beginne mit einer Auswahl und bewege dich durch diese Auswahl, bis du das gewünschte Element erreichst.

Das folgende Diagramm zeigt einen Familienstammbaum. Mit der jQuery-Traversierung kannst du dich im Familienstammbaum ausgehend vom ausgewählten (aktuellen) Element leicht nach oben (Vorfahren), nach unten (Nachkommen) und zur Seite (Geschwister) bewegen. Diese Bewegung wird als Traversieren des DOM bezeichnet.

Erklärung des Diagramms:

• Das <div>-Element ist das Elternelement von <ul> und ein Vorfahre aller seiner Inhalte.
• Das <ul>-Element ist das Elternelement der <li>-Elemente und ein Kind von <div>.
• Das linke <li>-Element ist das Elternelement von <span>, ein Kind von <ul> und ein Nachkomme von <div>.
• Das <span>-Element ist ein Kind von <li> und ein Nachkomme von <ul> und <div>.
• Die beiden <li>-Elemente sind Geschwister (sie haben dasselbe Elternelement).
• Das rechte <li>-Element ist das Elternelement von <b>, ein Kind von <ul> und ein Nachkomme von <div>.
• Das <b>-Element ist ein Kind des rechten <li> und ein Nachkomme von <ul> und <div>.

	Ein Vorfahre ist ein Elternelement, Großelternelement, Urgroßelternelement und so weiter. Ein Nachkomme ist ein Kind, Enkelkind, Urenkelkind und so weiter. Geschwister haben dasselbe Elternelement.

DOM-Durchquerung

jQuery bietet verschiedene Methoden zum Durchqueren des DOM.

Die größte Kategorie der Durchquerungsmethoden ist die Baumdurchquerung.

Das nächste Kapitel erklärt, wie man sich im DOM-Baum nach oben, unten und seitwärts bewegt.