将Active类设置为特定的li标签

时间:2015-05-26 07:09:31

标签: 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>

2 个答案:

答案 0 :(得分:2)

您可以使用ngClass

  

ngClass指令允许您通过数据绑定表示要添加的所有类的表达式来动态设置HTML元素上的CSS类。

由于您使用的是,我建议您使用Angular

来实现它

HTML

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

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

脚本

<head>
<script ng-show="ENVIRONMENT == 'Production'">
  javascript code
</script>
</head>

DEMO

答案 1 :(得分:-2)

假设您正试图在abs2(X,Y) :- Y is abs(X). 标记中搜索Dove。对于尝试下面的代码。

CREATE PROCEDURE [dbo].[spGetSnapshot] 
@ScenarioEnum varchar(10),
@LabelerCodes varchar(200) = null,
@StatusFilter varchar(200) = null
AS
BEGIN
IF(@ScenarioEnum = 'ManufacturerAdjudicationSnapshot')
BEGIN
    PRINT 'Inside the if statement'
END
ELSE IF(@ScenarioEnum = 'Works')
BEGIN
    PRINT 'Inside the 2ND if statement'
END
END