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.

score 22 · Answer 1 · edited Aug 03 '21 at 09:19

22

A simple and elegant solution would be:

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

edited Aug 03 '21 at 09:19

MeSo2

450
1
7
18

answered Dec 30 '15 at 10:02

Adi

2,074
22
26

2

This is the simplest answer of them all to strip a class from an unknown set of elements! – Michael Fromin Jun 03 '16 at 19:41

score 10 · Answer 2 · answered Dec 09 '15 at 00:28

10

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

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

answered Dec 09 '15 at 00:28

Elim Garak

1,728
1
16
21

Mithun Satheesh · Answer 3 · 2014-03-26T06:06:42.227

9

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.

edited Mar 26 '14 at 06:06

answered Mar 26 '14 at 05:38

Mithun Satheesh

27,240
14
77
101

I want to remove some other attributes in the same manner,Not only class. – Shijin TR Mar 26 '14 at 05:40
I dont know the class name also.Remove all class – Shijin TR Mar 26 '14 at 05:41
this wont work, you need to iterrate over the childrens children. – shenku Mar 26 '14 at 05:42
With $('#message').find('*') removeAttr('class'); is also working – Shijin TR Mar 26 '14 at 05:57

shenku · Answer 4 · 2014-03-26T05:54:13.190

2

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

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

edited Mar 26 '14 at 05:54

answered Mar 26 '14 at 05:39

shenku

11,969
12
64
118

I can't predict the class names – Shijin TR Mar 26 '14 at 05:47
@shijin there you go updated my answer, let me know if it works. – shenku Mar 26 '14 at 05:48
I got "SyntaxError: Unexpected token *" Error – Shijin TR Mar 26 '14 at 05:51
@shijin jus twrap the start in '*' – shenku Mar 26 '14 at 05:54
This works, just had to change `removeAttr` to `removeClass`. – clintgh May 08 '15 at 03:56

score 0 · Answer 5 · answered Mar 26 '14 at 05:55

0

It will work fine

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

answered Mar 26 '14 at 05:55

Shijin TR

7,516
10
55
122

How to remove class from all child elements

5 Answers5