Rumah >hujung hadapan web >tutorial js >Bagaimanakah Saya Boleh Mendapatkan dan Menggunakan Senarai Kelas Elemen dengan jQuery dan JavaScript?

Bagaimanakah Saya Boleh Mendapatkan dan Menggunakan Senarai Kelas Elemen dengan jQuery dan JavaScript?

Patricia Arquette
Patricia Arquetteasal
2024-11-29 13:38:15788semak imbas

How Can I Get and Use an Element's Class List with jQuery and JavaScript?

Mendapatkan Senarai Kelas untuk Elemen menggunakan jQuery

Apabila bekerja dengan elemen dalam halaman web, mungkin perlu untuk mengakses atau mengubah suai senarai kelas yang berkaitan dengan mereka. jQuery menyediakan cara yang mudah untuk mendapatkan maklumat ini.

Mengambil semula Senarai Kelas sebagai Tatasusunan

Untuk mendapatkan semua nama kelas yang diberikan kepada elemen sebagai tatasusunan, anda boleh gunakan sifat className JavaScript:

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

Kaedah ini memisahkan rentetan className ke dalam tatasusunan, dengan setiap nama kelas sebagai elemen.

Lelaran ke atas Nama Kelas

Setelah anda mempunyai senarai kelas sebagai tatasusunan, anda boleh mengulanginya dan mencari kelas tertentu:

for (var i = 0; i < classList.length; i++) {
    if (classList[i] === 'someClass') {
        // Do something
    }
}

Penggunaan jQuery

Sementara jQuery tidak secara langsung menyediakan kaedah untuk mendapatkan semula senarai kelas sebagai tatasusunan, ia boleh digunakan untuk menyemak sama ada elemen mempunyai kelas tertentu:

if ($('#divId').hasClass('someClass')) {
    // Do something
}

Ringkasnya, sifat className JavaScript dan kaedah hasClass() jQuery boleh digunakan untuk mendapatkan semula dan berinteraksi dengan senarai kelas elemen dalam halaman web.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Mendapatkan dan Menggunakan Senarai Kelas Elemen dengan jQuery dan JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn