elemento jQuery + próximo seletor

❮ Seletores jQuery

Exemplo

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

$("div + p")

Definição e uso

O seletor ("elemento + próximo") seleciona o elemento "próximo" do "elemento" especificado. O elemento "próximo" deve ser colocado logo após o "elemento" especificado a ser selecionado.

Exemplo: Se você tiver dois elementos <p> logo após um elemento <div>, esta sintaxe:

  • $("div + p") - selecionará apenas o primeiro elemento <p>, pois é o próximo elemento do elemento <div> (o outro elemento <p> será ignorado)

Exemplo: Se você tiver um elemento <h2> logo após um elemento <div> e, em seguida, um elemento <p>, esta sintaxe:

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

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


Sintaxe

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

Experimente você mesmo - Exemplo


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


❮ Seletores jQuery