Come selezionare i prossimi 2 (o più di 2) elementi usando jQuery .next()?

Question

utilizzando la funzione .next di jQuery. Voglio mostrare i prossimi 2 articoli. Di default seleziona solo il prossimo oggetto.

Ho bisogno di controllo, come a volte ho bisogno successiva 2, a volte prossimo 3

Answer 1

È possibile utilizzare .nextAll() e un selettore :lt(), ad esempio:

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

Try it out here. Se avete bisogno di essere programmatica (invece di concatenazione di stringhe) e cambiare facilmente, usare .slice() invece:

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

Questo metodo permette di passare come parametro il numero avete bisogno di un po 'più facile. You can test it here.

Answer 2

Utilizzare .nextAll anziché .next per ottenere tutti i fratelli seguenti, quindi utilizzare .slice per restringere l'intervallo a un intervallo.

Answer 3

Se si desidera selezionare il numero successivo di elementi e includere l'elemento selezionato si può fare qualcosa di simile:

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

Il codice precedente restituisce i prossimi 4 elementi div dopo il MyTarget div e comprende il div MyTarget si.

.slice(0,4) selezionato i prossimi 4 elementi e .andSelf() incluso l'elemento originale selezionato