Programación y ejemplos de PHP, jQuery, HTML5, WordPress, MySQL, AMP y htaccess


Selector jQuery nextAll(): Seleccionar todos los siguientes elementos

Repaso a la función de jQuery nextAll(), su funcionalidad es la de seleccionar todos los siguientes elementos a uno previamente especificado.

Otras funciones de jQuery para trabajar con selectores son:

Sintaxis de jQuery nextAll()

Veamos la sintaxis extraída de su web oficial:

Os explico el código superior:

  • selector (Obligatorio): Es el elemento que especificamos desde el cual se buscarán todos los elementos siguientes al especificado.

Ejemplos de jQuery next()

Vayamos con este ejemplo de la función next() para trabajar con párrafos:

Os explico el código:

  • Detectamos el click en el elemento con id = boton.
  • Con el selector nextAll() seleccionamos el párrafo (elemento p) con id= tercero para ocultar todos los siguientes elementos a dicho párrafo con la función hide().

El código HTML es el siguiente:

Uso de cookies

Este sitio web utiliza cookies para que usted tenga la mejor experiencia de usuario. Si continúa navegando está dando su consentimiento para la aceptación de las mencionadas cookies y la aceptación de nuestra política de cookies, pinche el enlace para mayor información.

ACEPTAR
Aviso de cookies

Centro de preferencias de privacidad

Cookies imprescindibles

para medir la audiencia

ga,gdpr