Bagaimana Mengira Elemen dengan Kelas Khusus dalam jQuery dan JavaScript?

Mengira Elemen mengikut Kelas dalam jQuery: Penyelesaian Optimum

Soalan:

Bagaimana kita boleh mengira bilangan elemen dengan kelas yang sama pada halaman web menggunakan jQuery atau JavaScript? Kiraan ini penting untuk memberikan nama secara dinamik kepada borang input berdasarkan bilangan elemen yang dicipta.

Penyelesaian jQuery:

Penyelesaian yang paling mudah dalam jQuery ialah menggunakan .length property:

var numItems = $('.yourclass').length;

Kod ini mendapatkan semula bilangan elemen dengan kelas "yourclass" dan memberikannya kepada pembolehubah numItems.

JavaScript Solution:

Jika anda menggunakan JavaScript biasa, anda boleh mengakses sifat panjang kaedah getElementsByClassName():

var numItems = document.getElementsByClassName('yourclass').length;

Pengoptimuman dan Petua Tambahan:

Adalah bijak untuk menyemak sifat panjang sebelum merantai fungsi jQuery selanjutnya untuk memastikan anda mempunyai elemen untuk digunakan. Pertimbangkan perkara berikut:

var $items = $('.myclass');
if($items.length) {
  // Perform your jQuery operations on $items here
}

Selain itu, jika anda perlu mengira elemen dalam sub-pilihan tertentu, anda boleh menggunakan kaedah .filter() sebelum menyemak sifat length. Contohnya, untuk mengira unsur ganjil:

var numOddItems = $('.myclass').filter(':odd').length;

Atas ialah kandungan terperinci Bagaimana Mengira Elemen dengan Kelas Khusus dalam jQuery dan JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!