Javascript 如何将CSS类动态添加到html元素

我不熟悉JavaScript，尤其是AngularJS，所以我的问题可能对一些人来说很幼稚

我正在做我的AngularJS教程项目

我有以下HTML行：

$（'a'）。单击（函数（）{
$（'li'）。每个（函数（）{
$（this.removeClass（'active'）；
});
$（this）.closest（'li'）.addClass（'active'）；
});
迈克尔

如果您使用的是angular，那么应该使用


查看此功能，您可以使用此功能。这将允许use根据控制器变量的值更改元素的类。看看这个

因此，您可以在您的li中添加：

ng-class="{active: isClicked}" 

然后在你的a中：

ng-click="isClicked = true"

然后单击时，您的li将具有您想要使用的css类“active”的属性和数据绑定





你能发布你的angularjs控制器吗？因为他使用的是angularjs，他可能应该通过数据绑定和ng类来实现。我不想使用JQUERYi，我想这对一些刚接触java脚本的人来说很容易
ng-click="isClicked = true"

    <li ng-class="{active: active == 1}" ><a href="#" ng-click="active = 1" ng-init="active = 1">Step1</a></li>
    <li ng-class="{active: active == 2}" ><a href="#" ng-click="active = 2" >Step2</a></li>
    <li ng-class="{active: active == 3}" ><a href="#" ng-click="active = 3">Step3</a></li>