tutoriais mais recente desenvolvimento web
 

jQuery element + next Selector

<JQuery Seletores

Exemplo

Selecione o <p> elemento que estão ao lado de cada <div> elemento:

$("div + p")
Tente você mesmo "

Definição e Uso

O ("element + next") selector selecciona o "next" elemento do "elemento" especificado. O "next" elemento deve ser colocado logo após o especificado "element" para ser selecionado.

Exemplo: Se você tem dois <p> elementos logo depois de um <div> elemento, esta sintaxe:

  • $("div + p") - só irá selecionar a primeira <p> elemento, porque é o próximo elemento da <div> elemento (o outro <p> elemento será ignorado)

Exemplo: Se você tem um <h2> elemento direito após um <div> elemento, e depois um <p> elemento, esta sintaxe:

  • $("div + p") - não vai selecionar o <p> elemento, porque o próximo elemento do <div> elemento é o <h2> elemento

Nota: Ambos os elementos especificados devem compartilhar o mesmo pai.


Sintaxe

(" element + next ")

Parâmetro Descrição
element Requeridos. Qualquer seletor jQuery válida
next Requeridos. Especifica o elemento que deve ser o elementoseguintedo parâmetroelemento

Tente você mesmo - Exemplo

Selecione o <div> elemento que estão ao lado de cada <ul> elemento
Como selecionar o <div> elemento que estão ao lado de cada <ul> elemento.


<JQuery Seletores