更改子元素的css类

时间:2016-03-03 10:04:58

标签: javascript jquery html css

我使用jQuery从我的元素中删除CSS类:

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

现在立即执行同一操作我删除了我要添加myClass的类,所以我尝试了:

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

但这不起作用,我的元素与class=""而不是class="myClass"保持一致。

3 个答案:

答案 0 :(得分:2)

您根本不需要使用children()

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

将课程添加回所有直接祖先:

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

答案 1 :(得分:1)

.child()不是jQuery函数,而是由.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');

希望这有帮助。

答案 2 :(得分:0)

您需要指定要删除的课程。

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

目前,这个

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

删除所有内容。