Bagaimanakah Saya Boleh Dapatkan Semua Nama Kelas Elemen HTML Menggunakan jQuery?

Mendapatkan semula Nama Kelas Elemen dengan jQuery

Apabila bekerja dengan elemen HTML, selalunya perlu mengurus atribut kelas mereka. jQuery menyediakan pelbagai kaedah untuk memanipulasi kelas, tetapi kadangkala tugas itu memerlukan lelaran melalui atau mendapatkan semula semua nama kelas yang diberikan kepada elemen tertentu.

Untuk mencapai ini, terdapat dua cara utama:

Menggunakan Harta Nama kelas asli JavaScript:

var classList = document.getElementById('divId').className.split(/\s+/);

Kaedah ini mengembalikan tatasusunan mengandungi semua nama kelas yang diberikan kepada elemen dengan ID yang ditentukan ('divId' dalam kes ini).

Menggunakan Kaedah attr() jQuery:

var classList = $('#divId').attr('class').split(/\s+/);

Sama seperti pendekatan JavaScript asli, kaedah ini juga mengembalikan tatasusunan kelas names.

Nota:

• kaedah hasClass() jQuery berguna untuk menyemak sama ada elemen mempunyai kelas tertentu, tetapi ia tidak memberikan akses kepada semua nama kelas.
• Jika anda perlu mengulangi nama kelas dan melakukan semakan bersyarat, anda boleh menggunakan Fungsi $.each() seperti yang ditunjukkan dalam contoh:

$.each(classList, function(index, item) {
    if (item === 'someClass') {
        //do something
    }
});

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Dapatkan Semua Nama Kelas Elemen HTML Menggunakan jQuery?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!