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

原文 标签 javascript jquery html css angularjs

我可以通过单击将事件类设置为 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>

最佳答案

您可以使用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.



由于您使用的是 我建议您使用 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

关于javascript - 通过标签将事件类设置为特定的 li,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30451771/

相关文章:

尝试触发简单 XMLHttpRequest (GET) 时出现 JavaScript 错误

javascript - 从服务器端 C# 调用 Javascript 函数

jquery - 根据鼠标指针定位 jQueryUI 工具提示

php - 可以使用PHP复制此jQuery/Javascript功能吗

javascript - 如何从owlCarousel中清空元素?

javascript - 508符合ADA规范-跳过内容的方式

javascript - React + immutableJS 在旧浏览器中呈现一些奇怪的输出

javascript try catch vs if then else

jquery - 使用 CSS Bootstrap 的垂直导航栏

html - 如何在不使其成为真实网页的情况下托管“本地”网页?