从 Div 中删除所有类

Posted

技术标签:

【中文标题】从 Div 中删除所有类【英文标题】:Remove All classes From Div 【发布时间】:2013-04-26 07:07:26 【问题描述】:

有没有办法从 div 中删除所有类...点击图像。我想从中删除所有类。

请帮忙,

$(document).ready(function () 
    $("img").click(function()
        var pos=$('img', this).attr('alt');
        alert('i am imageFlip'+this.alt);           

        console.log('i am Image Flip');
        var t = $(this);

        t.prevAll().removeClass('lower').addClass('t1');
        t.nextAll().removeClass('t1').addClass('t2');
    );
);

在我的代码中,我想从$(this) 中删除所有类。

【问题讨论】:

可能被how-to-remove-all-css-classes-using-jquery欺骗了? 【参考方案1】:

http://api.jquery.com/removeClass/

如果包含一个类名作为参数,那么只有该类会 从匹配的元素集中删除。 如果没有类名 在参数中指定,所有类都将被删除。

【讨论】:

同意。只是因为op的代码是jquery所以看起来更合适。【参考方案2】:

您可以使用removeClass 而不使用任何类作为参数。

说明:删除单个类、多个类或所有类 来自匹配元素集中的每个元素。

喜欢:

$(this).removeClass();

【讨论】:

这应该是公认的答案,因为它显示了代码示例,而无需导航到另一个页面。【参考方案3】:

您无需将 this 包装在 jQuery 选择器中即可完成这项工作。

从元素中删除所有类

this.className = '';

【讨论】:

是的,没有必要为此使用 jQuery,+1。 @FabrizioCalderan 当然,但他专门标记了 jquery 而不是 javascript。他可能还想链接更多的 jQuery 函数 但使用 jquery 将有利于 jquery 方法链接,例如:$('div').removeClass().text('Hello');【参考方案4】:

您可以使用.attr('class','') 从任何元素中删除所有类。

示例:

$(this).attr('class','')

【讨论】:

【参考方案5】:

您可以使用removeClass() 一次性删除所有类。

例如,有一个div id = "myDiv"。您想删除此div 拥有的所有类,则可以使用以下语句:

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

【讨论】:

【参考方案6】:

您可以使用.removeAttr( "class" ) 从元素中删除所有类。

示例:

$(this).removeAttr( "class" )

【讨论】:

【参考方案7】:
$(this).removeClass();

使用不带参数的removeClass 将删除所有选择器的类

【讨论】:

嗨@Irvin Dominin,你能告诉我你在我的回答中做了哪些必要的改变吗? 是的,简单的代码格式,我忘了写在评论里,你可以点击“edited xxx yyy ago”查看 好的,谢谢。下次我会记住这一点。 :)

以上是关于从 Div 中删除所有类的主要内容,如果未能解决你的问题,请参考以下文章

从 HTML div 中删除所有文本内容,但保留 HTML 标记和结构

jQuery 如何从 <div> 中删除所有 <span> 标签?

如何从 AJAX 响应中删除所有 href

如何从数组中删除所有 html 标签?

使用特定类抓取所有 div 标签的内容

动画 div 的宽度从像素到自动