elemento jQuery + próximo seletor
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>.