jQuery pilih item pertama X kelas tertentu

Saya telah menulis panggilan fungsi jQuery kecil .getRange () yang mengembalikan bilangan elemen dom tertentu Terhadap pemilih jQuery (iaitu elemen berdasarkan kelas atau ID yang ditentukan). Ia menggunakan fungsi jQuery.get () dan pada dasarnya merupakan lanjutan dari itu tetapi membolehkan pelbagai elemen dikembalikan. Pertama, anda harus tahu untuk mendapatkan elemen pertama dan terakhir seperti itu:

Untuk mendapatkan semua elemen yang sepadan dengan kelas yang ditentukan seperti itu:

<span>var firstSpan = $('span.class:first'),
</span>    lastSpan <span>= $('span.class:last');</span>

atau elemen n seperti itu:

<span>var allSpans = $('span.class').get();</span>

Tetapi bagaimana untuk mengatakan 10 elemen atau elemen pertama 10-20? Alangkah baiknya untuk melakukan sesuatu seperti:

<span>var firstSpan = $('span.class').get(0),
</span>    secondSpan <span>= $('span.class').get(1);
</span>    <span>//etc...</span>

Malangnya, fungsi .get () tidak membenarkan julat diluluskan, tetapi hanya satu indeks. Jadi inilah percubaan saya untuk menggunakan fungsi jQuery .get () untuk memasukkan pelbagai elemen.

<span>var mySpans = $('span.class').get(0,10);</span>

Output:

<span>(function($)
</span><span>{
</span>  <span>//function that gets a range of dom elements against a jQuery selector
</span>  <span>//returns an array of dom elements
</span>  $<span>.fn.getRange = function(start<span>,end</span>)
</span>  <span>{
</span>    <span>var elems = [];
</span>    <span>for ( var i = start; i < = end; i++ )
</span>    <span>{
</span>      elems<span>.push(this.get(i));
</span>    <span>}
</span>    <span>return elems;
</span>  <span>};
</span>
  <span>//testing
</span>  <span>console.log($('div').getRange(1,10));
</span>  <span>console.log($('div').getRange(10,20));
</span>
<span>})(jQuery);</span>

Ia berfungsi dengan cara ini, tetapi saya fikir ia bukan penyelesaian yang optimum jadi adakah sesiapa tahu cara yang lebih baik untuk mencapai matlamat ini? Soalan Lazim (Soalan Lazim) Mengenai JQuery Pilih Item dengan kelas tertentu

Bagaimana saya boleh memilih item pertama dengan kelas tertentu dalam jQuery?

Untuk memilih item pertama dengan kelas tertentu dalam jQuery, anda boleh menggunakan gabungan pemilih kelas dan: pemilih pertama. Pemilih kelas dilambangkan dengan tempoh (.) Diikuti dengan nama kelas, dan: pemilih pertama digunakan untuk memilih elemen pertama jenis yang ditentukan. Berikut adalah contoh:

$ (". MyClass: First"). Dosomething (); Pemilih kelas (.) Digunakan untuk memilih semua elemen dengan kelas tertentu. Berikut adalah contoh:

$ (". MyClass"). Dosomething (); The: pemilih terakhir digunakan untuk memilih elemen terakhir jenis yang ditentukan. Berikut adalah contoh:

$ (". MyClass: Last"). Dosomething (); Anda hanya perlu menggabungkan pemilih kelas. Inilah contoh:

$ (". Class1.class2").

Bagaimana saya boleh memilih item dengan kelas tertentu dalam elemen tertentu dalam jQuery?

Untuk memilih item dengan kelas tertentu dalam elemen tertentu dalam jQuery, anda boleh menggunakan pemilih keturunan (ruang). Berikut adalah contoh:

$ ("div .myclass"). Anda boleh menggunakan gabungan pemilih kelas dan pemilih tersembunyi. Berikut adalah contoh:

$ (". MyClass: Tersembunyi"). Dosomething (); pemilih kelas dan pemilih yang boleh dilihat. Berikut adalah contoh:

$ (". MyClass: Look"). Anda boleh menggunakan gabungan pemilih kelas dan pemilih yang dilumpuhkan. Berikut adalah contoh:

$ (". MyClass: dilumpuhkan"). Dosomething (); pemilih dan pemilih yang diaktifkan. Berikut adalah contoh:

$ (". MyClass: Enabled"). Anda boleh menggunakan gabungan pemilih kelas dan pemilih yang diperiksa. Berikut adalah contoh:

$ (". MyClass: diperiksa"). Dosomething ();

Atas ialah kandungan terperinci jQuery pilih item pertama X kelas tertentu. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!