jQuery-Throughsuchen

Was ist Traversierung?

jQuery-Traversierung bedeutet 'Bewegung' und wird verwendet, um HTML-Elemente gemäß ihrem Verhältnis zu anderen Elementen 'zu finden' (oder auszuwählen). Beginnen Sie mit einer Auswahl und bewegen Sie sich entlang dieser Auswahl, bis Sie das erwartete Element erreichen.

Das Diagramm zeigt einen Familienstamm. Mit jQuery-Traversierung können Sie vom ausgewählten (aktuellen) Element aus leicht im Familienstamm nach oben navigieren (Vorfahren), nach unten navigieren (Nachkommen) und horizontal navigieren (Geschwister). Diese Bewegung wird als Traversierung des DOM bezeichnet.

Erklärung durch Abbildung:

Bereits durchsuchen des DOM-Baumes
  • Das <div>-Element ist der Vater des <ul>-Elements, gleichzeitig ist es der Vorfahre aller Inhalte darin.
  • Das <ul>-Element ist der Vater des <li>-Elements, gleichzeitig ist es das Kind des <div>.
  • Das linke <li>-Element ist der Vater des <span>, der Kind des <ul>, gleichzeitig ist es das Nachkind des <div>.
  • Das <span>-Element ist das Kind des <li>, gleichzeitig ist es das Nachkind des <ul> und <div>.
  • Die zwei <li>-Elemente sind Geschwister (haben den gleichen Vater).
  • Das rechte <li>-Element ist der Vater des <b>, der Kind des <ul>, gleichzeitig ist es das Nachkind des <div>.
  • Das <b>-Element ist das Kind des rechten <li>, gleichzeitig ist es das Nachkind des <ul> und <div>.

Hinweis:Der Vorfahre ist der Vater, Großvater, Urgroßvater usw. Der Nachkomme ist der Sohn, Enkel, Urgenkel usw. Die Geschwister haben den gleichen Vater.

DOM-Traversieren

jQuery bietet verschiedene Methoden zur Traversierung des DOM.

Die größte Kategorie der Traversierungsmethoden ist die Baumtraversierung (tree-traversal).

Das nächste Kapitel wird erläutern, wie man im DOM-Baum nach oben, unten und auf gleicher Ebene navigiert.

jQuery-Traversierungs-Referenzhandbuch

Wenn Sie alle jQuery-Traversierungsmethoden kennenlernen möchten, besuchen Sie bitte unsere jQuery-Traversierungs-Referenzhandbuch.