Come possiamo applicare lo pseudo-selettore a una variabile DOM jQuery?

Question

possiamo usare $('body>div:lt(2)') per ottenere le prime 2 DIV s nel body, se body>div è stato assegnato ad una variabile:

var s = $('body>div') 

possiamo ancora utilizzare il selettore pseudo o altri modi per ottenere le prime 2 DIV s in riferimento alla variabile? Certo, s: lt (2) non funzionerà. Quello che posso pensare è $(s.slice(0,2)), ma c'è un modo migliore per farlo?

Answer 1

È possibile utilizzare il metodo .filter() di jQuery, che consente, tra le altre cose, un argomento selettore per filtrare i nodi selezionati in un oggetto jQuery.

var filtered = s.filter(':lt(2)'); 

Si noti che questo non modifica il valore originale di s, in modo da avere tutti i tuoi div s in s, e le tue filtrati div s in filtered.

---

In alternativa, come hai già detto ed è stato discusso nei commenti, è possibile utilizzare Array.prototype.slice.

var sliced = $(s.slice(0,2)); 

Questo tecnicamente è più veloce di .filter(). Tuttavia, potrebbe anche rendere il tuo codice meno leggibile/comprensibile. È probabile che anche il guadagno di prestazioni sia estremamente trascurabile a meno che non si esegua questa operazione molte migliaia di volte o più in un brevissimo periodo di tempo.

La leggibilità e le prestazioni sono una battaglia combattuta spesso in fase di programmazione e, in definitiva, sei l'unico in grado di decidere quale si vince per il tuo codice.