更改子元素的css类

Question

我正在使用jQuery从我的元素中删除CSS类：

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

现在立即执行相同操作我删除该类，我想添加myClass ，所以我试过：

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

但这不起作用，我的元素保持在class=""而不是class="myClass" 。

Answer 1

您根本不需要使用children() ：

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

将类添加回所有直接祖先：

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

Answer 2

.child()不是jQuery函数替换它.child() .children() ：

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

或者没有children()方法：

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

希望这可以帮助。

Answer 3

您需要指定要删除的类。

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

目前，这个

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

删除一切。