Alih-alih secara individual memanggil $("#item").removeClass()setiap kelas yang mungkin dimiliki suatu elemen, adakah fungsi tunggal yang bisa disebut yang menghapus semua kelas CSS dari elemen yang diberikan?

Baik jQuery dan JavaScript baku akan berfungsi.

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

Menelepon removeClasstanpa parameter akan menghapus semua kelas item.

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

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

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

document.getElementById('item').className = '';

Tunggu dulu, bukankah deleteClass () default untuk menghapus semua kelas jika tidak ada yang spesifik ditentukan? Begitu

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

akan melakukannya sendiri ...

Cukup atur classNameatribut elemen DOM nyata ke ''(tidak ada).

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

Sunting: Orang lain mengatakan bahwa hanya menelepon removeClassberfungsi - Saya menguji ini dengan Google JQuery Playground: http://savedbythegoog.appspot.com/?id=ag5zYXZlZGJ5dGhlZ29vZ3ISCxIJU2F2ZWRDb2RlGIS61gEM ... dan berfungsi. Jadi Anda juga bisa melakukannya dengan cara ini:

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

Tentu saja.

$('#item')[0].className = '';
// or
document.getElementById('item').className = '';

Heh, datang mencari jawaban yang sama. Lalu aku tersadar.

Hapus Kelas Tertentu

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

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

Metode terpendek

$('#item').removeAttr('class').attr('class', '');

Anda bisa mencoba

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

Jika Anda harus mengakses elemen itu tanpa nama kelas, misalnya Anda harus menambahkan nama kelas baru, Anda bisa melakukannya:

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

Saya menggunakan fungsi itu di projet saya untuk menghapus dan menambahkan kelas dalam pembangun html. Semoga berhasil.

$('#elm').removeAttr('class');

tidak lagi kelas attr akan hadir dalam "elm".

Saya suka menggunakan js asli lakukan ini, 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 = '';

cara jQuery

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

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

Karena tidak semua versi jQuery dibuat sama, Anda dapat mengalami masalah yang sama seperti yang saya lakukan yang berarti memanggil $ ("# item"). RemoveClass (); sebenarnya tidak menghapus kelas. (Mungkin bug)

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

document.getElementById("item").removeAttribute("class");

coba dengan removeClass

Misalnya :

var nameClass=document.getElementsByClassName("clase1");
console.log("after", nameClass[0]);
$(".clase1").removeClass();
var nameClass=document.getElementsByClassName("clase1");
console.log("before", nameClass[0]);

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

Mari kita gunakan contoh ini. Mungkin Anda ingin pengguna situs web Anda mengetahui bidang yang valid atau perlu perhatian dengan mengubah warna latar belakang bidang tersebut. Jika pengguna menekan reset maka kode Anda hanya akan mengatur ulang bidang yang memiliki data dan tidak perlu repot untuk mengulang setiap bidang lain di halaman Anda.

Filter jQuery ini akan menghapus kelas "highlightCriteria" hanya untuk input atau pilih bidang yang memiliki kelas ini.

$form.find('input,select').filter(function () {
    if((!!this.value) && (!!this.name)) {
        $("#"+this.id).removeClass("highlightCriteria");
    }
});

Saya memiliki masalah serupa. Dalam kasus saya tentang elemen yang dinonaktifkan diterapkan bahwa kelas aspNetDisabled dan semua kontrol yang dinonaktifkan memiliki warna yang salah. Jadi, saya menggunakan jquery untuk menghapus kelas ini pada setiap elemen / kontrol yang saya tidak mau 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");

});