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

Bagaimanakah Saya Boleh Mendapatkan dan Memanipulasi Senarai Kelas Elemen dengan jQuery?

Mary-Kate Olsen
Lepaskan: 2024-11-30 16:08:14
asal
607 orang telah melayarinya

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

Dapatkan Senarai Kelas untuk Elemen dengan jQuery

Dalam jQuery, anda boleh mendapatkan semula senarai kelas elemen menggunakan attr('class' ) kaedah, yang mengembalikan rentetan yang mengandungi semua kelas yang diberikan. Untuk mendapatkan tatasusunan kelas ini, anda boleh memisahkan rentetan berdasarkan ruang putih menggunakan split(/s /);.

Contohnya, jika anda mempunyai elemen dengan HTML:

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

Anda boleh mengakses senarai kelasnya dengan:

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

Ini menghasilkan tatasusunan yang berikut rentetan:

  • "Lorem"
  • "ipsum"
  • "dolor_spec"
  • "duduk"
  • "amet"

Untuk mencari kelas tertentu, seperti "dolor_spec", anda boleh lelaran melalui tatasusunan dan membandingkan setiap elemen dengan nama kelas yang anda inginkan.

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

Walaupun jQuery menyediakan kaedah hasClass() untuk menyemak sama ada sesuatu elemen mempunyai kelas tertentu, ia memerlukan nama kelas untuk menjadi diketahui terlebih dahulu. Jika nama kelas sebenar berubah, anda boleh menggunakan pendekatan berasaskan tatasusunan untuk mencari dan memanipulasi kelas yang diingini.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Mendapatkan dan Memanipulasi Senarai 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