一般情况下只有一个的菜单栏目关联内容切换的时候使用的是下面这种

$(“#KnowNav ul li”).click(function(){

var index = $(this).index();//获取当前点击目标的下标

$(“#KnowNav  ul li”).removeClass(“liOn”).eq(index).addClass(“liOn”);//分为俩部分,去掉菜单栏目上的class,然后找到当前下标的菜单栏目添加class

$(“.KnowCon”).hide().eq(index).show();//和上面一句类似,先全部隐藏,找到当前的下标块显示.

});

 

下面的是情况特殊的,比如我们一个页面上有很多这种菜单栏目关联内容切换的。为了节省代码,模板是写的一样的,那jq切换需要怎么写呢?

那下面这个代码就很好玩了

$(“.nav_sub span”).click(function () {
var index= $(this).index();
$(“span”, $(this).parent()).removeClass(“hot”);
$(this).addClass(“hot”);
$(“.list_ulli”, $(this).parent().parent()).hide();
$(“.list_ulli”, $(this).parent().parent()).eq(index).show();
})

这段代码适用于上面截图。

第一次见的时候也是,(*@ο@*) 哇~还可以这么玩….