여러 클래스 제거(jQuery)

여러 클래스 제거(jQuery)

이것을 다시 쓸 수 있는 더 좋은 방법이 있습니까?

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

원하지 않는 모든 클래스를 제거하기 때문에 사용할 수 없습니다.

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

에서 클래스 매개 변수:

요소에서 제거할 하나 이상의 CSS 클래스. 이들은 공백으로 구분됩니다.

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

여기 서류들이 있습니다.

jQuery 설명서.

요소에서 제거할 하나 이상의 CSS 클래스. 이들은 공백으로 구분됩니다.

설명서에는 다음과 같이 나와 있습니다.

class (Optional) String
요소에서 제거할 하나 이상의 CSS 클래스. 이들은 공백으로 구분됩니다.

예:

일치하는 요소에서 클래스 '파란색'과 '아래'를 제거합니다.

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

그렇게 할 수 있는 많은 방법들이 있습니다!

jQuery

1. 모든 클래스 제거
   $("element").removeClass();
   OR
   $("#item").removeAttr('class');
   OR
   $("#item").attr('class', '');
   OR
   $('#item')[0].className = '';

2. 다중 클래스 제거
   $("element").removeClass("class1 ... classn");
   OR
   $("element").removeClass("class1").removeClass("...").removeClass("classn");

바닐라 자바스크립트

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 = '';

흰색으로 클래스 구분space

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

jQuery 3.3.0 이후로 어레이를 다음으로 전달할 수 있습니다..addClass(), .removeClass()그리고.toggleClass()따라서 추가하거나 제거할 클래스를 결정하는 논리가 있을 경우 공간으로 제한된 문자열을 가지고 장난칠 필요가 없기 때문에 더 쉽게 사용할 수 있습니다.

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

제거할 클래스는 공백으로 구분해야 합니다.$('selector').removeClass('class1 class2');

언급URL : https://stackoverflow.com/questions/1485647/removing-multiple-classes-jquery