Neueste Web-Entwicklung Tutorials
 

jQuery element + next Selector

<JQuery Selektoren

Beispiel

Wählen Sie die <p> Element , das nächste zu jedem <div> Element:

$("div + p")
Versuch es selber "

Definition und Verwendung

Das ("element + next") Selektor wählt den "next" Element des angegebenen" Elements ". Das "next" Element muss direkt nach dem angegebenen platziert werden "element" ausgewählt werden.

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

  • $("div + p") - wird nur die erste wählen <p> Element, weil es das nächste Element der ist <div> Element (das andere <p> Element wird ignoriert)

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

  • $("div + p") - wird nicht wählen Sie die <p> Element, denn das nächste Element des <div> Element ist das <h2> Element

Hinweis: Sowohl der angegebenen Elemente müssen die gleichen Eltern teilen.


Syntax

(" element + next ")

Parameter Beschreibung
element Erforderlich. Jede gültige jQuery-Selektor
next Erforderlich. Gibt das Element , das dasnächsteElement desElementparameterssein sollte

Probieren Sie es selbst - Beispiel

Wählen Sie das <ul> <div> Element , das zu jeder nächsten sind <ul> Element
Wie das zu wählen <div> Element , das zu jeder nächsten sind <ul> Element.


<JQuery Selektoren