我使用一些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/