Elemento jQuery + Selettore successivo

❮ Selettori jQuery

Esempio

Seleziona l'elemento <p> accanto a ciascun elemento <div>:

$("div + p")

Definizione e utilizzo

Il selettore ("elemento + successivo") seleziona l'elemento "successivo" dell'"elemento" specificato. L'elemento "successivo" deve essere posizionato subito dopo l'"elemento" specificato da selezionare.

Esempio: se hai due elementi <p> ​​subito dopo un elemento <div>, questa sintassi:

  • $("div + p") - selezionerà solo il primo elemento <p>, perché è l'elemento successivo dell'elemento <div> (l'altro elemento <p> verrà ignorato)

Esempio: se hai un elemento <h2> subito dopo un elemento <div> e poi un elemento <p>, questa sintassi:

  • $("div + p") - non selezionerà l'elemento <p>, perché l'elemento successivo dell'elemento <div> è l'elemento <h2>

Nota: entrambi gli elementi specificati devono condividere lo stesso genitore.


Sintassi

("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

Provalo tu stesso - Esempio


Come selezionare l'elemento <div> accanto a ciascun elemento <ul>.


❮ Selettori jQuery