How to remove class from all child elements

Question

I have a html like:

<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>

I need to remove all class attributes inside #message.

I have tried

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

and

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

But this is not working.

Solution 1

A simple and elegant solution would be:

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

Solution 2

Instead of removeAttr('class') you can use removeClass("classname")

If you want to remove all the class values from its children, then do like

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

or even

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

Here is a fiddle.

Solution 3

Older thread, but in my case I wanted to remove a specific class from all child elements

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

Solution 4

You need to use find to grab all the nested elements, then iterrate over them.

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

View more solutions

Comments

[Shijin TR]

I want to remove some other attributes in the same manner,Not only class.

[Shijin TR]

I dont know the class name also.Remove all class

[shenku]

this wont work, you need to iterrate over the childrens children.

[Shijin TR]

I can't predict the class names

[shenku]

@shijin there you go updated my answer, let me know if it works.

[Shijin TR]

I got "SyntaxError: Unexpected token *" Error

[Mithun Satheesh]

@shijin : see my answer.

[shenku]

@shijin jus twrap the start in '*'

[Shijin TR]

With $('#message').find('*') removeAttr('class'); is also working

[clintgh]

This works, just had to change removeAttr to removeClass.

[Michael Fromin]

This is the simplest answer of them all to strip a class from an unknown set of elements!