我使用一些html / jQuery来实现某些选项卡式导航。当选择了一个新的标签,我需要使它的CSS类“ Activity ”,改变以前的标签CSS类为“不 Activity ”。为此,我在click事件中使用了以下代码:

$("ul.tabs li").removeClass("active"); //Remove any "active" class
$("ul.tabs li").addClass("inactive");  //Set all to "inactive"
$(this).removeClass("inactive");  //remove "inactive" from the item that was clicked
$(this).addClass("active"); //Add "active" class to the item that was clicked.

这可行,但是我很好奇是否有人找到了一种更干净/更优雅的方式?

最佳答案

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

工作示例位于:http://jsfiddle.net/4uMmc/

09-27 07:52