Có cách nào tốt hơn để viết lại điều này:

$('element').removeClass('class1').removeClass('class2');

Tôi không thể sử dụng removeClass();vì nó sẽ loại bỏ TẤT CẢ các lớp mà tôi không muốn.

$("element").removeClass("class1 class2");

Từ removeClass(), tham số lớp:

Một hoặc nhiều lớp CSS để loại bỏ khỏi các thành phần, chúng được phân tách bằng khoảng trắng.

$('element').removeClass('class1 class2');

Dưới đây là các tài liệu .

.removeClass()Tài liệu jQuery .

Một hoặc nhiều lớp CSS để loại bỏ khỏi các thành phần, chúng được phân tách bằng khoảng trắng.

Các tài liệu nói:

class (Optional) String
Một hoặc nhiều lớp CSS để loại bỏ khỏi các thành phần, chúng được phân tách bằng khoảng trắng.

Thí dụ:

Xóa lớp 'màu xanh' và 'dưới' khỏi các phần tử phù hợp.

$("p:odd").removeClass("blue under");

Có nhiều cách có thể làm điều đó!

jQuery

1. xóa tất cả các lớp
   $("element").removeClass();
   HOẶC
   $("#item").removeAttr('class');
   HOẶC
   $("#item").attr('class', '');
   HOẶC
   $('#item')[0].className = '';

2. xóa đa lớp
   $("element").removeClass("class1 ... classn");
   HOẶC
   $("element").removeClass("class1").removeClass("...").removeClass("classn");

Vani Javascript

1. loại bỏ tất cả các lớp

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

2. loại bỏ đa lớp

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

Các lớp riêng biệt bằng màu trắng space

$('element').removeClass('class1 class2');

Bạn phải tách riêng các lớp mà bạn muốn xóa bằng khoảng trắng$('selector').removeClass('class1 class2');

Kể từ jQuery 3.3.0 , có thể truyền các mảng tới .addClass(),. removeClass()và toggleClass(), điều này làm cho nó dễ dàng hơn nếu có bất kỳ logic nào xác định lớp nào sẽ được thêm hoặc xóa, vì bạn không cần phải loay hoay với các chuỗi được phân tách bằng dấu cách.

$("div").removeClass(["class1", "class2"]);