如何在jquery中单击时激活选项卡


How to active tab on click in jquery

我想通过单击我使用 jquery 但不起作用的li元素来添加活动类。这是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的新手。提前谢谢。

$('ul li').addClass('active')

活动类添加到所有li

由于您单击a标签,因此您希望其li父级获取活动类,因此:

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

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