Bagaimana untuk Mendapatkan Senarai Kelas Elemen dengan jQuery?

Cara Mendapatkan Senarai Kelas Elemen dengan jQuery

jQuery menyediakan fungsi komprehensif untuk memanipulasi elemen dalam dokumen HTML. Satu keperluan biasa adalah untuk mengakses dan memproses atribut kelas elemen. Artikel ini membincangkan cara untuk menggelung atau menetapkan semua kelas elemen kepada tatasusunan menggunakan jQuery.

Menggunakan Element.className

Pendekatan paling mudah untuk mendapatkan semula senarai kelas elemen adalah melalui harta className. Sifat ini mengembalikan rentetan yang mengandungi semua kelas yang diberikan kepada elemen, dipisahkan oleh ruang. Untuk menukar rentetan ini kepada tatasusunan, anda boleh menggunakan kod berikut:

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

Dengan tatasusunan classList, anda kini boleh melelaran melalui setiap kelas dan melakukan tindakan yang diperlukan.

Menggunakan Atribut jQuery Fungsi

jQuery menyediakan fungsi attr() untuk mengakses dan memanipulasi atribut elemen, termasuk atribut kelas. Untuk mendapatkan semula senarai kelas sebagai tatasusunan, anda boleh menggunakan kod berikut:

var classList = $('#divId').attr('class').split(/\s+/);
$.each(classList, function(index, item) {
    // Process each class
});

Pendekatan ini menggunakan fungsi $.each() jQuery untuk lelaran melalui tatasusunan kelas.

Menggunakan jQuery hasClass() Function

Dalam kes di mana anda hanya perlu menyemak kehadiran kelas tertentu, jQuery's fungsi hasClass() boleh digunakan:

if ($('#divId').hasClass('someClass')) {
    // Perform actions if element has 'someClass'
}

Pendekatan ini cekap untuk menyemak kelas tertentu tanpa perlu mencipta tatasusunan.

Atas ialah kandungan terperinci Bagaimana untuk Mendapatkan Senarai Kelas Elemen dengan jQuery?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!