elemento jQuery + siguiente selector

❮ Selectores de jQuery

Ejemplo

Seleccione el elemento <p> que está al lado de cada elemento <div>:

$("div + p")

Definición y uso

El selector ("elemento + siguiente") selecciona el elemento "siguiente" del "elemento" especificado. El elemento "siguiente" debe colocarse justo después del "elemento" especificado para ser seleccionado.

Ejemplo: si tiene dos elementos <p> justo después de un elemento <div>, esta sintaxis:

  • $("div + p") : solo seleccionará el primer elemento <p>, porque es el siguiente elemento del elemento <div> (el otro elemento <p> será ignorado)

Ejemplo: si tiene un elemento <h2> justo después de un elemento <div> y luego un elemento <p>, esta sintaxis:

  • $("div + p") - no seleccionará el elemento <p>, porque el siguiente elemento del elemento <div> es el elemento <h2>

Nota: Ambos elementos especificados deben compartir el mismo padre.


Sintaxis

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

Pruébelo usted mismo - Ejemplo


Cómo seleccionar el elemento <div> que está al lado de cada elemento <ul>.


❮ Selectores de jQuery