jQuery- Element + nächster Selektor

❮ jQuery-Selektoren

Beispiel

Wählen Sie das <p>-Element aus, das sich neben jedem <div>-Element befindet:

$("div + p")

Definition und Verwendung

Der Selektor ("Element + nächstes") wählt das "nächste" Element des angegebenen "Elements" aus. Das "nächste" Element muss direkt nach dem angegebenen "Element" platziert werden, um ausgewählt zu werden.

Beispiel: Wenn Sie zwei <p>-Elemente direkt nach einem <div>-Element haben, ist diese Syntax:

  • $("div + p") - wählt nur das erste <p>-Element aus, da es das nächste Element des <div>-Elements ist (das andere <p>-Element wird ignoriert)

Beispiel: Wenn Sie ein <h2>-Element direkt nach einem <div>-Element haben und dann ein <p>-Element, diese Syntax:

  • $("div + p") - wird das <p>-Element nicht auswählen, da das nächste Element des <div>-Elements das <h2>-Element ist

Hinweis: Beide angegebenen Elemente müssen denselben Elternteil haben.


Syntax

("element + next")

Parameter Description
element Required. Any valid jQuery selector
next Required. Specifies the element that should be the next element of the element parameter

Probieren Sie es selbst aus - Beispiel


. So wählen Sie das <div>-Element aus, das sich neben jedem <ul>-Element befindet.


❮ jQuery-Selektoren