JQuery - 当类绑定到id时的addClass

Question

我有这个CSS规则：

#panelSeparator .active {
    background: #fff url(../img/vgrabber.gif) no-repeat center;
    opacity: 0.7;  
}

我想在JS中做这样的事情：

$('#panelSeparator').addClass('active');

我应该如何更改addClass的参数才能使其正常工作？

谢谢，
丹

Answer 1

尝试删除＃panelSeparator .active之间的空格，使其为#panelSeparator.active。

Answer 2

你的css定义了一个类，它绑定到id为'panelSeperator'的元素的所有子元素。你应该使用jQuery.children（）函数（http://api.jquery.com/children/）;

$('#panelSeparator').children().addClass('active');

Answer 3

如果你想保持相同的CSS，那么你需要在Javascript中执行类似$('#panelSeparator div').addClass('active');的操作。基本上，您必须在#panelSeparator元素中选择一个元素。

或者您可以保留相同的Javascript，只需将CSS更改为#panelSeparator.active

即可

Answer 4

你试过吗，

$('#panelSeparator').addClass('panelSeparator active');