Gli ultimi tutorial di sviluppo web
 

jQuery element + next Selector

<JQuery selettori

Esempio

Selezionare il <p> elemento che sono accanto a ciascuna <div> elemento:

$("div + p")
Prova tu stesso "

Definizione e utilizzo

L' ("element + next") selettore seleziona il "next" elemento del "elemento" specificato. Il "next" elemento deve essere posizionato subito dopo l'specificato "element" da selezionare.

Esempio: se si dispone di due <p> elementi subito dopo un <div> elemento, questa sintassi:

  • $("div + p") - selezionerà solo la prima <p> elemento, perché è il successivo elemento del <div> elemento (l'altra <p> elemento viene ignorato)

Esempio: se si dispone di un <h2> elemento a destra dopo un <div> elemento, e poi un <p> elemento, questa sintassi:

  • $("div + p") - non selezionare il <p> elemento, perché il prossimo elemento del <div> elemento è il <h2> elemento

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


Sintassi

(" element + next ")

Parametro Descrizione
element Richiesto. Ogni selettore jQuery valida
next Richiesto. Specifica l'elemento che dovrebbe essere l'elementosuccessivodel parametrodell'elemento

Provate voi stessi - Esempio

Selezionare il <div> elemento che sono accanto a ciascuna <ul> elemento
Come selezionare il <div> elemento che sono accanto a ciascuna <ul> elemento.


<JQuery selettori