如何在jQuery选项卡小部件中更改<li>的类属性

Question

在我的脚本中有一个jQuery选项卡小部件.当我单击一个选项卡时,我想将活动选项卡的class属性更改li为current.

我该怎么做？

HTML:

<ul class="nav-content">
    <li class="current first-li"><a href="#tabs-1">tab 1</a></li>
    <li>tab2</li>
</ul>

jQuery的:

$("ul.nav-content li").click(function() {
    // ??
})

Answer 1

$("ul.nav-content li").click(function() {
     //you'll probably want to remove all 'current' classes first
     $(".current").removeClass("current")
     $(this).addClass("current")
})