Bagaimana cara menghapus semua kelas CSS menggunakan jQuery?

Alih-alih memanggil $("#item").removeClass() untuk setiap elemen individual yang dapat dimiliki suatu elemen, adakah satu fungsi yang dapat dipanggil yang menghapus semua kelas CSS dari elemen ini?

Baik jQuery dan JavaScript baku akan berfungsi.

643
15 сент. Setel Klik Upvote 15 Sep. 2009-09-15 06:34 '09 pada 6:34 pagi 2009-09-15 06:34
@ 12 jawaban
 $("#item").removeClass(); 

Memanggil removeClass tanpa parameter akan menghapus semua kelas anggota.


Anda juga dapat menggunakan (tetapi tidak disarankan, cara yang benar di atas):

 $("#item").removeAttr('class'); $("#item").attr('class', ''); $('#item')[0].className = ''; 

Jika Anda tidak memiliki jQuery, ini akan menjadi satu-satunya pilihan Anda:

 document.getElementById('item').className = ''; 
1237
15 сент. jawabannya diberikan oleh jimyi 15 September . 2009-09-15 06:37 '09 pada 06:37 2009-09-15 06:37

Tunggu, tidak menghapusClass () default untuk menghapus semua kelas, jika tidak ada yang ditentukan? Jadi

 $("#item").removeClass(); 

lakukan sendiri ...

103
15 сент. jawabannya diberikan da5id 15 Sep. 2009-09-15 06:38 '09 pada 6:38 pagi 2009-09-15 06:38

Cukup atur atribut className dari elemen DOM nyata ke '' (tidak ada).

 $('#item')[0].className = ''; // the real DOM element is at [0] 

Sunting: Orang lain mengatakan bahwa hanya panggilan removeClass - Saya mengujinya menggunakan Google jQuery playground: http://savedbythegoog.appspot.com/?id=ag5zYXZlZGJ5dGhlZ29vZ3ISCxIJU2F2ZWRDb2RlGIS61gEM ... dan berfungsi. Jadi Anda juga bisa melakukan ini sebagai berikut:

 $("#item").removeClass(); 
11
15 сент. jawabannya diberikan oleh Isaac Waller 15 September. 2009-09-15 06:37 '09 pada 06:37 2009-09-15 06:37

Tentu saja

 $('#item')[0].className = ''; // or document.getElementById('item').className = ''; 
10
15 сент. Jawabannya diberikan kangax 15 Sep. 2009-09-15 06:36 '09 pada 6:36 2009-09-15 06:36

Heh, datang mencari jawaban yang sama. Lalu dia memukul saya.

Menghapus kelas-kelas tertentu

 $('.class').removeClass('class'); 

Katakanlah jika suatu elemen memiliki class = "class another-class"

9
08 июня '14 в 21:57 2014-06-08 21:57 jawabannya diberikan oleh Shawn Rebelo pada 08 Juni '14 pada 21:57 2014-06-08 21:57

Metode terpendek

 $('#item').removeAttr('class').attr('class', ''); 
7
21 янв. Balas diberikan oleh Yanni pada 21 Januari 2013-01-21 18:59 '13 pada 18:59 2013-01-21 18:59
 $('#elm').removeAttr('class'); 

Tidak ada lagi kelas attr, yang akan hadir di "elms".

3
08 янв. jawabannya diberikan uihelp 08 januari . 2014-01-08 10:18 '14 pada 10:18 2014-01-08 10:18

Saya suka menggunakan js asli, saya membutuhkannya, percaya atau tidak!

1.

 // remove all items all class const items = document.querySelectorAll('item'); for (let i = 0; i < items.length; i++) { items[i].className = ''; } 

2

 // only remove all class of first item const item1 = document.querySelector('item'); item1.className = ''; 

jalur jQuery

  • $("#item").removeClass();

  • $("#item").removeClass("class1 ... classn");

2
13 июня '17 в 6:56 2017-06-13 06:56 jawabannya diberikan xgqfrms 13 Juni '17 di 6:56 2017-06-13 06:56

Anda bisa mencoba

 $(document).ready(function() { $('body').find('#item').removeClass(); }); 

Jika Anda perlu mengakses elemen ini tanpa nama kelas, misalnya, Anda perlu menambahkan nama kelas baru, Anda dapat melakukan ini:

 $(document).ready(function() { $('body').find('#item').removeClass().addClass('class-name'); }); 

Saya menggunakan fungsi ini dalam proyek saya untuk menghapus dan menambahkan kelas ke konstruktor html. Semoga beruntung

1
01 июня '16 в 22:30 2016-06-01 22:30 Jawaban diberikan oleh Alessandro Foolish Ciak DAnton 01 Juni 16 di 10:30 malam 2016-06-01 22:30

coba removeClass

Sebagai contoh :

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <div class="clase1">I am Div with class="clase1"</div> 
1
18 янв. Jawabannya diberikan x-rw 18 Jan 2017-01-18 18:34 '17 pada 18:34 2017-01-18 18:34

Karena tidak semua versi jQuery dibuat sama, Anda mungkin mengalami masalah yang sama dengan saya, yang berarti memanggil $ ("# item"). removeClass (); sebenarnya tidak menghapus kelas. (Mungkin kesalahan)

Metode yang lebih andal adalah dengan hanya menggunakan JavaScript mentah dan menghapus atribut kelas sekaligus.

 document.getElementById("item").removeAttribute("class"); 
0
20 июня '16 в 19:29 2016-06-20 19:29 jawabannya diberikan Vincent 20 Juni '16 pada 19:29 2016-06-20 19:29

Saya punya masalah serupa. Dalam kasus saya, kelas aspNetDisabled diterapkan ke elemen yang dinonaktifkan dan semua kontrol yang dinonaktifkan memiliki warna yang salah. Jadi, saya menggunakan jquery untuk menghapus kelas ini pada setiap elemen / kontrol yang saya gunakan, dan semuanya berfungsi dan tampak hebat sekarang.

Ini adalah kode saya untuk menghapus kelas aspNetDisabled:

 $(document).ready(function () { $("span").removeClass("aspNetDisabled"); $("select").removeClass("aspNetDisabled"); $("input").removeClass("aspNetDisabled"); }); 
-1
14 мая '14 в 17:57 2014-05-14 17:57 jawabannya diberikan zire 14 Mei 14 pada 17:57 2014-05-14 17:57

Pertanyaan lain tentang tag atau Ajukan Pertanyaan