Rumah > hujung hadapan web > tutorial js > Bagaimana untuk Mendapatkan Susunan Kelas Elemen dengan jQuery?

Bagaimana untuk Mendapatkan Susunan Kelas Elemen dengan jQuery?

Susan Sarandon
Lepaskan: 2024-11-27 08:17:13
asal
461 orang telah melayarinya

How to Retrieve an Array of Element Classes with jQuery?

Cara Mendapatkan Tatasusunan Kelas Elemen dengan jQuery

Soalan: Bolehkah jQuery digunakan untuk mendapatkan tatasusunan kelas yang diperuntukkan kepada elemen , termasuk kelas tertentu (dolor_spec dalam contoh)?

Contoh:

<div class="Lorem ipsum dolor_spec sit amet">Hello World!</div>
Salin selepas log masuk

Batasan:

  • hasClass() tidak sesuai kerana nama kelas yang tepat mungkin tidak diketahui di runtime.

Penyelesaian:

Menggunakan JavaScript (tanpa jQuery):

const classList = document.getElementById('divId').className.split(/\s+/);
Salin selepas log masuk

Lelar melalui senarai kelas untuk mencari kelas yang dikehendaki:

for (var i = 0; i < classList.length; i++) {
    if (classList[i] === 'dolor_spec') {
        // Do something
    }
}
Salin selepas log masuk

Menggunakan jQuery:

jQuery tidak menawarkan penyelesaian langsung untuk tugas ini. Berikut ialah pendekatan alternatif:

const classList = $('#divId').attr('class').split(/\s+/);
Salin selepas log masuk

Lelar melalui senarai kelas dengan fungsi each() jQuery:

$.each(classList, function(index, item) {
    if (item === 'dolor_spec') {
        // Do something
    }
});
Salin selepas log masuk

Fungsi Penyemak:

if ($('#divId').hasClass('dolor_spec')) {
    // Do something
}
Salin selepas log masuk

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

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