如何从所有子元素中删除类答案

【问题标题】：How to remove class from all child elements如何从所有子元素中删除类
【发布时间】：2014-05-04 08:16:28
【问题描述】：

我有一个像这样的html：

<table id="message">
    <tr class="clsaa1">
        <td>
            <div class="class3">
                <table class="sub_1">
                ----------------------
                ----------------------
                </table>
            <div>
        </td>
    </tr>
    <tr class="clsaa2">
        <td>
            <div class="class3">
                ----------------------
                ----------------------
            <div>
        </td>
    </tr>
</table>

我需要删除所有 class #message 中的属性。

我试过了

$('#message').siblings().removeAttr('class');

和

$('#message').children().removeAttr('class');

但这不起作用。

【问题讨论】：

标签： jquery html attr

【解决方案1】：

你可以使用removeClass("classname")代替removeAttr('class')

如果您想从其子项中删除所有类值，请按赞

$('#message').find("*").prop("class","");

甚至

$('#message').find('*') removeAttr('class');

这里是a fiddle。

【讨论】：

我想以同样的方式删除一些其他属性，不仅仅是类。
我也不知道班级名称。删除所有班级
这行不通，您需要遍历孩子的孩子。
@shijin：看我的回答。
With $('#message').find('*') removeAttr('class');也在工作

【解决方案2】：

您需要使用 find 抓取所有嵌套元素，然后对其进行迭代。

$('#message').find('*').each(function(){
     $(this).removeAttr('class');
})

【讨论】：

我无法预测类名
@shijin 你去更新我的答案，让我知道它是否有效。
我收到“SyntaxError: Unexpected token *”错误
@shijin 只是将开头包裹在'*'中
这项工作，只需将removeAttr 更改为removeClass。

【解决方案3】：

它会正常工作

    $('#message').find('*').removeAttr('class');

【讨论】：

【解决方案4】：

旧线程，但就我而言，我想从所有子元素中删除特定类

 $('#parentDiv').find("*").removeClass("row-selected");

【讨论】：

【解决方案5】：

一个简单而优雅的解决方案是：

$(".class").removeClass("class");`

【讨论】：

这是从一组未知元素中剥离一个类的最简单的答案！