jq怎么点击其他div切换选项卡

Question

这是一个选项卡，当我点击next的时候上面的选项卡就从选项卡1切换到选项卡2，依次类推，最后选项卡6的时候又切回选项卡1，点击prev的时候选项卡就往左边切换，咋弄呢

Answer 1

首先你来定义一个计数器：var i = 0;当点击next的时候，让i++然后让 第i个选项卡显示，让除了第i个选项卡之外的选项卡隐藏如果i>选项卡个数-1，这个时候说明已经超出了选项卡的长度，所以让 i=0如果i<0, 让i=选项卡的个数-1代码:var&nbsp;i=0; $("#next").bind("click",function(){ &nbsp;&nbsp;&nbsp;&nbsp;i++;&nbsp;&nbsp;&nbsp;&nbsp;if(i>=$(选项卡).length){ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;i=0; &nbsp;&nbsp;&nbsp;&nbsp;} &nbsp;&nbsp;&nbsp;&nbsp;$("选项卡").css("display","none").eq(i).css("display","block"); }); $("#prev").bind("click",function(){ &nbsp;&nbsp;&nbsp;&nbsp;i++;&nbsp;&nbsp;&nbsp;&nbsp;if(i<0){ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;i=$(选项卡).length-1; &nbsp;&nbsp;&nbsp;&nbsp;} &nbsp;&nbsp;&nbsp;&nbsp;$("选项卡").css("display","none").eq(i).css("display","block"); });