是否有一个单一的函数,可以从给定的元素中删除所有的CSS类,而不是为每个元素可能有的类单独调用$("#item").removeClass()
?
jQuery和原始的JavaScript都可以工作。
$("#item").removeClass();
调用 "removeClass",没有任何参数,将删除该项目所有的类。
你也可以使用(但不一定推荐,正确的方式是上面的方式)。
$("#item").removeAttr('class');
$("#item").attr('class', '');
$('#item')[0].className = '';
如果你没有jQuery,那么这几乎是你唯一的选择。
document.getElementById('item').className = '';
只要将真正的DOM元素的className
属性设置为''
(无)。
编辑:其他人说,只要调用removeClass
就可以了--我用谷歌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');
});
我在我的projet中使用该功能在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").removeClass();
。
$("#item").removeClass("class1 ... ... classn");
3.
让我们'使用这个例子。 也许你想让你网站的用户知道一个字段是有效的,或者它需要通过改变字段的背景颜色来关注。 如果用户点击重置,那么你的代码应该只重置有数据的字段,而不是费心去循环浏览你页面上的其他每个字段。
这个jQuery过滤器将删除类"highlightCriteria"。 只用于 >.的输入或选择字段。 具有该类的输入或选择字段。
$form.find('input,select').filter(function () {
if((!!this.value) && (!!this.name)) {
$("#"+this.id).removeClass("highlightCriteria");
}
});
用 "removeClass "试试
为例。
<!--开始片段。 js hide: false console: true babel.false --> -- begin snippet: js hide: false console: true false -->
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>
<!--结束片段-->
我也有类似的问题。 在我的情况下,在禁用的元素被应用的aspNetDisabled类和所有禁用的控件有错误的颜色。 所以,我使用jquery删除这个类的每一个元素/控件,我不想和一切工作,现在看起来很棒。
这是我删除aspNetDisabled类的代码。
$(document).ready(function () {
$("span").removeClass("aspNetDisabled");
$("select").removeClass("aspNetDisabled");
$("input").removeClass("aspNetDisabled");
});