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

Question

我有一个类似的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');

但这不起作用。

Answer 1

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

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

Answer 2

您可以使用removeAttr('class')

代替removeClass("classname")

如果要从子项中删除所有类值，请执行

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

甚至

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

这是a fiddle。

Answer 3

较旧的主题，但在我的情况下，我想从所有子元素中删除一个特定的类

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

Answer 4

您需要使用find来抓取所有嵌套元素，然后迭代它们。

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

Answer 5

它会正常工作

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