요소에 있을 수 있는 모든 클래스에 대해 개별적으로 $(#item").removeClass()
를 호출하는 대신, 주어진 요소에서 모든 CSS 클래스를 제거하는 단일 함수를 호출할 수 있나요?
jQuery와 원시 자바스크립트 모두 작동합니다.
$("#item").removeClass();
매개변수 없이 removeClass
를 호출하면 항목의 모든 클래스가 제거됩니다.
이 방법을 사용할 수도 있습니다(반드시 권장하지는 않습니다. 정확한 방법은 위의 방법입니다):
$("#item").removeAttr('class');
$("#item").attr('class', '');
$('#item')[0].className = '';
jQuery가 없다면 이 방법이 거의 유일한 옵션일 것입니다:
document.getElementById('item').className = '';
실제 DOM 요소의 className
속성을 ''
(아무것도 없음)으로 설정하면 됩니다.
$('#item')[0].className = ''; // the real DOM element is at [0]
편집: 다른 사람들은 removeClass
를 호출하는 것만으로도 작동한다고 말했습니다 - Google JQuery Playground에서 테스트해 보았습니다: http://savedbythegoog.appspot.com/?id=ag5zYXZlZGJ5dGhlZ29vZ3ISCxIJU2F2ZWRDb2RlGIS61gEM ... 그리고 작동합니다. 따라서 이런 방법으로도 할 수 있습니다:
$("#item").removeClass();
시도하시겠습니까 됩니다
$(document).ready(function() {
$('body').find('#item').removeClass();
});
클래스 이름 없는 경우, 예를 들어 있는 액세스하려면 요소를 추가해야 할 새로운 클래스 이름, 그렇게 할 수 있습니다.
$(document).ready(function() {
$('body').find('#item').removeClass().addClass('class-name');
});
난 내 인텔리 클래스를 사용하는 기능을 추가하고 제거할 수 있는 html 구성기는. 행운을 빕니다.
// 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 = '';
',' 그레모베클레스 () $ (", # item")
'$ (", # item") 그레모베클레스 (", class1. 'classn").
>. Jquery 는 이 필터링합니다 " 클래스용 분리하십시오 highlightCriteria"; 대해서만 >. 이 필드를 선택 입력 또는 있는 클래스.
$form.find('input,select').filter(function () {
if((!!this.value) && (!!this.name)) {
$("#"+this.id).removeClass("highlightCriteria");
}
});
없기 때문에 모든 버전의 jQuery 에 즉 같은 문제가 발생할 수 있었기 때문에, 생성될지 비유하 호출하십시오 그레모베클레스 (), $ (", # item") 실제로 클래스용 분리하십시오 않습니다. (아마도 버그가)
더 신뢰할 수 있는 방법은 기초형상 JavaScript 와 class 속성을 사용하여 간단히 분리하십시오 아예 바꾸기도 한다.
document.getElementById("item").removeAttribute("class");
시도하시겠습니까 레모베클레스 '와'
<! - begin 스니핏: js 숨기십시오: 거짓값 콘솔: 진정한 바벨. > 거짓값 -;
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>
끝 - < 스니핏 >;!
난 이미 비슷한 문제를 해결할 수 있습니다. 내 경우 모든 요소를 가지고 있는 에 적용된 비활성화됨 아스파네디사블데 클래스 및 비활성화됨 제어하는지 잘못된 색계열. 그래서 이 클래스를 사용할 수 있는 모든 요소 / 제어입니다 습관 및 모든 것을 내가 jquery 제거하시겠습니까 작동됨 외모 멋지구리해요 됐다.
이건 내 코드를 아스파네디사블데 제거하기 위한 클래스:
$(document).ready(function () {
$("span").removeClass("aspNetDisabled");
$("select").removeClass("aspNetDisabled");
$("input").removeClass("aspNetDisabled");
});