Question

我想通过单击li元素来添加活动类，因为我已经使用了jquery但是它不起作用。这是jquery

$('ul li a').click(function(){
$('ul li.active').removeClass('active');
$('ul li').addClass('active');
});

这是我的html，php代码

<nav class="primary navbar navbar-default">
<ul class="term_list nav navbar-nav">

<li class="active"><a href="javascript:;" class="selected" data-filter="*">ALL</a></li>
<?php
foreach($terms as $k=>$tv) : 
$termname = strtolower($tv->name);
$termname = str_replace(' ', '-', $termname);
?>
<li class="">
<a href="javascript:;" data-filter=".<?php echo $termname;?>"><?php echo $tv->name;?></a></li>
<?php endforeach; ?>
</ul>
</nav>

我是jquery的新手。提前致谢。

Answer 1

$('ul li').addClass('active')将活动课程添加到所有 li。

由于您点击a标记，您希望其li父级获得有效课程，因此：

$(this).parent().addClass('active')应该有用。

Answer 2

$('ul li a').click(function(){
     $('ul li').removeClass('active');
     $(this).parent().addClass('active');
});

如何在jquery中单击活动选项卡

2 个答案: