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
399 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!

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