单击链接jquery时更改活动li

我想制作一个菜单，点击时更改课程。

当我点击没有class="active"的“li”时，我希望jquery在空

上添加一个类，然后从othes“li”中删除它。

 
data
 
data 2 

有人能帮助我吗？ 🙂

Answer 1

我想你的意思是：

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

Answer 2

 // When we click on the LI $("li").click(function(){ // If this isn't already active if (!$(this).hasClass("active")) { // Remove the class from anything that is active $("li.active").removeClass("active"); // And make this active $(this).addClass("active"); } }); 

Answer 3

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

Answer 4

 $(window).load(function(){ page=window.location.pathname.split("/").pop(); menuChildren = $('a[href="' + page + '"]'); $(menuChildren).parent('li').addClass('active'); }); 

上面的代码将查找url并弹出最后一个元素（这是文件名）。 然后它找到具有href属性的锚标记，该标记具有相同的url值，然后它为其父li标记放置一个活动类

Answer 5

这应该让你接近。

 $("li").click(function() { $("li").removeClass("active"); $(this).addClass("active"); });