Question

我有ul li这样的

<ul class="nav">
    <li>
        <a href="/en/products/">Search Database</a>
    </li>
    <li>
        <a href="/en/what-is-nano/">Menu</a>
    </li>
    <li>
        <a href="/en/report-product/">Product</a>
    </li>
    <li>
        <a href="/en/news/">News</a>
    </li>
    <li>
        <a href="/en/analyse/">Analyse</a>
    </li>
    <li>
        <a href="/en/login/?o=login">Login</a>
    </li>
</ul>

我需要将Clicked li添加到课程中。如何使用jquery执行此操作。任何人都可以提供帮助。

提前致谢

Answer 1

你可以试试这个

$('li').click(function(){
 $(this).addClass('active');
 $(this).siblings().removeClass('active');
 return false;
});

Js Fiddle Demo

Answer 2

您可以使用：

$("li").click(function() {
$(this).toggleClass( "highlight" );
});


.highlight {
 background: yellow;
}

<强> Working Fiddle

Answer 3

您可以使用.addClass()来满足您的需求。

尝试，

$(".nav li").click(function(){
  $(this).addClass('yourClass');
});

此外，如果您想要使用其他li元素切换这些类，请尝试以下代码，

var xElement = $(".nav li");

xElement .click(function(){
  xElement.removeClass();
  $(this).addClass('yourClass');
});

将类添加到选定的li

3 个答案:

DEMO