更改子元素的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());  

刪除一切。