javascript - 通过标签将 Active 类设置为特定的 li

Question

我可以通过单击将事件类设置为 li

   $('.nav').on('click', 'li', function(){
   $('.nav li').removeClass('active');
   $(this).addClass('active');
   });

在这里，我想为特定标签设置事件类，例如，我的列表为

 var list =["JHON" ,"Tom" ,"Dove", "Sam"]

我想将“Dove”设置为事件状态，它出现在列表中。

<ul>
    <li ng-repeat="ls in List">{{ls}}</li>
</ul>

Answer 1

您可以使用 ngClass

The ngClass directive allows you to dynamically set CSS classes on an HTML element by databinding an expression that represents all classes to be added.

因为您正在使用 angularjs我建议您使用 Angular 来实现它

HTML

    <ul>
        <li ng-repeat="ls in list" ng-class="{ 'active' : ls == selectedItem }" ng-click="activeMenu(ls)">{{ls}}</li>
    </ul>

脚本

$scope.list = ["JHON", "Tom", "Dove", "Sam"]

$scope.selectedItem = "Dove";
$scope.activeMenu = function(ls){
    $scope.selectedItem = ls;
}

DEMO