Rumah > Artikel > hujung hadapan web > Bagaimana untuk Mengira Elemen mengikut Kelas dengan Cekap dengan jQuery?
Cara Mengira Elemen Mengikut Kelas Dengan Cekap Menggunakan jQuery
Mengira elemen dengan kelas yang sama ialah tugas biasa dalam pembangunan web. Ini amat berguna apabila mengurus kandungan dinamik, seperti borang, di mana elemen baharu perlu ditambah dan dikenal pasti. Dalam jQuery, terdapat beberapa cara untuk mengira elemen mengikut kelas.
Kaedah yang paling mudah ialah menggunakan sifat .length:
// Gets the number of elements with class yourClass var numItems = $('.yourclass').length;
Pendekatan ini mengakses terus bilangan elemen dalam koleksi dipadankan, memberikan kiraan yang cepat dan boleh dipercayai.
Contoh:
<html> <head> <script src="jquery-3.5.1.min.js"></script> <script> $(document).ready(function() { var count = $('.element-class').length; console.log("Number of elements with class 'element-class': " + count); }); </script> </head> <body> <div class="element-class">Element 1</div> <div class="element-class">Element 2</div> <div class="different-class">Different Element</div> </body> </html>
Apabila bekerja dengan jQuery, adalah penting untuk mempertimbangkan implikasi prestasi kod anda. Dalam situasi di mana anda mengetahui bilangan elemen dengan kelas tertentu akan kurang daripada dua, adalah lebih cekap untuk menggunakan pemilih :first atau :last untuk mendapatkan semula elemen pertama atau terakhir, masing-masing, dan kemudian memeriksa sifat panjang. Ini mengurangkan bilangan traversal DOM, meningkatkan prestasi:
// Gets the number of elements with class yourClass (less than two) var numItems; if ($('.yourclass').first().length) { // There's at least one element numItems = 1; } else { numItems = 0; }
Petua Tambahan
Atas ialah kandungan terperinci Bagaimana untuk Mengira Elemen mengikut Kelas dengan Cekap dengan jQuery?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!