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
Lepaskan: 2024-11-29 13:38:15
asal
717 orang telah melayarinya

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+/);
Salin selepas log masuk

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
    }
}
Salin selepas log masuk

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
}
Salin selepas log masuk

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!

sumber:php.cn
Kenyataan Laman Web ini
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
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan