Change css class on child element

Question

I'm using jQuery to remove CSS class from my elements:

$('.input-group-addon').child($('.glyphicon.glyphicon-calendar').removeClass());

Now on same action immediately I remove that class I want to add myClass for example so I tried:

$('.input-group-addon').child().addClass('myClass');

But this doesn't work, my element stays with class="" instead of class="myClass".

because you remove the class right?how can you add to a classless element? — guradio
– guradio, Commented Mar 3, 2016 at 10:06
Replace .child() with .children(). There is no .child() method in jQuery. — Kiran Dash
– Kiran Dash, Commented Mar 3, 2016 at 10:17

martin · Accepted Answer · 2016-03-03 10:09:40Z

2

You don't need to use children() at all:

$('.input-group-addon > .glyphicon.glyphicon-calendar').removeClass();

Add class back to all direct ancestors:

$('.input-group-addon > *').addClass('myClass');

answered Mar 3, 2016 at 10:09

martin

97.4k26 gold badges205 silver badges237 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Zakaria Acharki · Accepted Answer · 2016-03-03 10:12:56Z

1

.child() is not a jQuery function replace it by .children() :

$('.input-group-addon').children().removeClass();
$('.input-group-addon').children().addClass('myClass');

Or without children() method :

$('.input-group-addon .glyphicon.glyphicon-calendar').removeClass();
$('.input-group-addon .glyphicon.glyphicon-calendar').addClass('myClass');

Hope this helps.

answered Mar 3, 2016 at 10:07

Zakaria Acharki

67.5k15 gold badges79 silver badges106 bronze badges

Satej S · Accepted Answer · 2016-03-03 10:08:19Z

0

You need to specify the class you want to remove..

$('.input-group-addon').child($('.glyphicon.glyphicon-calendar').removeClass("className"));

Currently, this

$('.input-group-addon').child($('.glyphicon.glyphicon-calendar').removeClass());

removes everything.

answered Mar 3, 2016 at 10:08

Satej S

2,1561 gold badge18 silver badges22 bronze badges