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

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') 将事件类添加到 all li。

因为你点击了一个 a 标签，你希望它的 li 父级获得事件类，所以:

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