Los últimos tutoriales de desarrollo web
 

jQuery element + next Selector

<JQuery selectores

Ejemplo

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

$("div + p")
Inténtalo tú mismo "

Definición y Uso

El ("element + next") selector selecciona la "next" elemento del "elemento" especificado. El "next" elemento debe ser colocado inmediatamente después de la especificada "element" que desea seleccionar.

Ejemplo: Si tiene dos <p> elementos de la derecha después de un <div> elemento, esta sintaxis:

  • $("div + p") - sólo se seleccionará el primer <p> elemento, ya que es el siguiente elemento de la <div> elemento (el otro <p> elemento se ignorará)

Ejemplo: Si usted tiene un <h2> elemento de la derecha después de un <div> elemento, y luego un <p> elemento, esta sintaxis:

  • $("div + p") - no va a seleccionar el <p> elemento, debido a que el siguiente elemento de la <div> elemento es el <h2> elemento

Nota: Tanto de los elementos especificados deben compartir el mismo padre.


Sintaxis

(" element + next ")

Parámetro Descripción
element Necesario. Cualquier selector de jQuery válida
next Necesario. Especifica el elemento que debe ser elsiguienteelemento del parámetroelemento

Inténtelo usted mismo - Ejemplo

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


<JQuery selectores