Cómo seleccionar los próximos 2 (o más de 2) elementos usando jQuery .next()?

Question

usando la función de jQuery .next Quiero mostrar los próximos 2 elementos. Por defecto, selecciona solo el siguiente elemento.

necesito control, como a veces necesito próxima 2, 3

algún momento del próximo

Answer 1

Puede utilizar .nextAll() y un selector :lt(), por ejemplo:

.nextAll(':lt(2)') //next 2 
.nextAll(':lt(3)') //next 3 

Try it out here. Si necesita que sea programática (en lugar de la concatenación de cadenas) y cambiar con facilidad, utilice .slice() lugar:

.nextAll().slice(0, 2) //next 2 
.nextAll().slice(0, 3) //next 3 

Este método le permite pasar como parámetro el número que necesita un poco más fácil. You can test it here.

Answer 2

Utilice .nextAll en lugar de .next para obtener todos los hermanos siguientes, y luego use .slice para reducirlo a un rango.

Answer 3

Si desea seleccionar el siguiente número de elementos e incluir el elemento seleccionado se puede hacer algo como:

$('div#myTarget').nextAll('div').andSelf().slice(0,4) 

El código anterior devuelve los siguientes 4 elementos div después de la MyTarget div e incluye el div MyTarget sí mismo.

.slice(0,4) seleccionado las siguientes 4 elementos y .andSelf() incluido el elemento original seleccionado