jQuery/JavaScript를 사용하여 모든 CSS 클래스를 제거하는 방법은 무엇인가요?

요소에 있을 수 있는 모든 클래스에 대해 개별적으로 $(#item").removeClass()를 호출하는 대신, 주어진 요소에서 모든 CSS 클래스를 제거하는 단일 함수를 호출할 수 있나요?

jQuery와 원시 자바스크립트 모두 작동합니다.

Mori
편집된 질문1일 4월 2019 в 8:39
프로그래밍
javascript jquery dom
15일 9월 2009 в 3:34
66 파운드
해결책
$("#item").removeClass();

매개변수 없이 removeClass를 호출하면 항목의 모든 클래스가 제거됩니다.

이 방법을 사용할 수도 있습니다(반드시 권장하지는 않습니다. 정확한 방법은 위의 방법입니다):

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

jQuery가 없다면 이 방법이 거의 유일한 옵션일 것입니다:

document.getElementById('item').className = '';
Esteban Küber
편집된 답변15일 9월 2009 в 11:07
해설 (5)

39, t, doesn& 착륙해야겠어요 레모베클레스 () 는 기본적으로 모든 것이 아무 것도 없으면 제거 클래스뿐만 특정 지정되어? 그래서

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

스스로 할 거라고.

해설 (2)

실제 DOM 요소의 className 속성을 ''(아무것도 없음)으로 설정하면 됩니다.

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

편집: 다른 사람들은 removeClass를 호출하는 것만으로도 작동한다고 말했습니다 - Google JQuery Playground에서 테스트해 보았습니다: http://savedbythegoog.appspot.com/?id=ag5zYXZlZGJ5dGhlZ29vZ3ISCxIJU2F2ZWRDb2RlGIS61gEM ... 그리고 작동합니다. 따라서 이런 방법으로도 할 수 있습니다:

$("#item").removeClass();
Isaac Waller
편집된 답변15일 9월 2009 в 3:42
해설 (0)

물론입니다.

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

이젠 아니야, 비슷한 답을 찾기 위해 나왔다. 그런 다음 hit me.

특정 클래스 제거하시겠습니까

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

만약 요소가 class = &quot 말하도다 another-class&quot 클래스용;;

해설 (0)

가장 빠른 방법

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

시도하시겠습니까 됩니다

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

클래스 이름 없는 경우, 예를 들어 있는 액세스하려면 요소를 추가해야 할 새로운 클래스 이름, 그렇게 할 수 있습니다.

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

난 내 인텔리 클래스를 사용하는 기능을 추가하고 제거할 수 있는 html 구성기는. 행운을 빕니다.

Alessandro Foolish Ciak DAnton
편집된 답변3일 7월 2017 в 6:17
해설 (0)
$('#elm').removeAttr('class');

더 이상 이 클래스 속성 존재해야 elm&quot ";).

Dave
편집된 답변31일 1월 2017 в 1:17
해설 (1)

I like it 방관하겠나 js 넷윈을 사용하여 이를 보라!

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

jQuery 방법

  1. ',' 그레모베클레스 () $ (&quot, # item")

  2. '$ (&quot, # item") 그레모베클레스 (&quot, class1. 'classn").

해설 (1)

39 의 let& 이 예제를 사용하여. 아마 운영까지도 사용자가 웹 사이트를 알아야 필드는 유효함 또는 it 주의 배경색입니다 변경하여 현장. 사용자가 그런후에도 너회의 코드를 갖고 있는 경우에만 필드용 재설정하십시오 안타 재설정하지 진입하지 않은 다른 모든 페이지에 데이터 및 필드 루핑.

&gt. Jquery 는 이 필터링합니다 &quot 클래스용 분리하십시오 highlightCriteria"; 대해서만 &gt. 이 필드를 선택 입력 또는 있는 클래스.

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

없기 때문에 모든 버전의 jQuery 에 즉 같은 문제가 발생할 수 있었기 때문에, 생성될지 비유하 호출하십시오 그레모베클레스 (), $ (&quot, # item") 실제로 클래스용 분리하십시오 않습니다. (아마도 버그가)

더 신뢰할 수 있는 방법은 기초형상 JavaScript 와 class 속성을 사용하여 간단히 분리하십시오 아예 바꾸기도 한다.

document.getElementById("item").removeAttribute("class");
Vincent
편집된 답변20일 6월 2016 в 8:30
해설 (0)

시도하시겠습니까 레모베클레스 '와'

  • 예를 들어 *:

<! - begin 스니핏: js 숨기십시오: 거짓값 콘솔: 진정한 바벨. &gt 거짓값 -;

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>

끝 - &lt 스니핏 >;!

해설 (0)

난 이미 비슷한 문제를 해결할 수 있습니다. 내 경우 모든 요소를 가지고 있는 에 적용된 비활성화됨 아스파네디사블데 클래스 및 비활성화됨 제어하는지 잘못된 색계열. 그래서 이 클래스를 사용할 수 있는 모든 요소 / 제어입니다 습관 및 모든 것을 내가 jquery 제거하시겠습니까 작동됨 외모 멋지구리해요 됐다.

이건 내 코드를 아스파네디사블데 제거하기 위한 클래스:

$(document).ready(function () {

    $("span").removeClass("aspNetDisabled");
    $("select").removeClass("aspNetDisabled");
    $("input").removeClass("aspNetDisabled");

});
해설 (0)