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

问题描述

问 题

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

解决方案

首先你来定义一个计数器：var i = 0;
当点击next的时候，让i++
然后让 第i个选项卡显示，让除了第i个选项卡之外的选项卡隐藏

如果i>选项卡个数-1，这个时候说明已经超出了选项卡的长度，所以让 i=0
如果i<0, 让i=选项卡的个数-1

代码:

var i=0;
$("#next").bind("click",function(){
    i++;
    if(i>=$(选项卡).length){
        i=0;
    }
    $("选项卡").css("display","none").eq(i).css("display","block");
});
$("#prev").bind("click",function(){
    i++;
    if(i<0){
        i=$(选项卡).length-1;
    }
    $("选项卡").css("display","none").eq(i).css("display","block");
});

这篇关于javascript - jq怎么点击其他div切换选项卡的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！