여러 클래스 제거 (jQuery)


615

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

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

removeClass();원하지 않는 모든 클래스를 제거하므로 사용할 수 없습니다 .

답변:


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

에서 removeClass()클래스 매개 변수 :

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



19

jQuery .removeClass()문서.

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


17

문서는 말합니다 :

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

예:

일치하는 요소에서 'blue'및 'under'클래스를 제거하십시오.

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

12

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

jQuery

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

  2. 멀티 클래스 제거
    $("element").removeClass("class1 ... classn");
    또는
    $("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 = '';
}

  1. 멀티 클래스 제거

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


2

수업을 흰색으로 구분 space

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

1

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


0

jQuery 3.3.0 부터 ,에 배열을 전달할 수 .addClass()있습니다. removeClass()그리고 toggleClass(), 어떤 당신은 공백으로 구분 된 문자열을 허비 할 필요가 없습니다으로 클래스가 추가되거나 제거되어야하는 결정 어떤 논리가있는 경우 더 쉽게한다.

$("div").removeClass(["class1", "class2"]); 
당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.