Jquery Tab框切换

来源：互联网发布：新媒体营销的数据编辑：程序博客网时间：2024/05/08 21:17

Html代码<div id="example-two"><ul class="nav"><li  ><a  class="current"   name="1"  >型态</a></li><li ><a class=""  name="2" >型态</a></li><li  ><a class=""  name="3" >型态</a></li><li  ><a  name="4" >型态</a></li></ul><div style="height: auto" class="list-wrap">        <div id="1"  >ss11111ss</div>        <div id="2" style=" display:none;">ss112222111ss</div>        <div id="3" style=" display:none;">ss1133333111ss</div>        <div id="4" style=" display:none;">ss1114444411ss</div></div>

下面是script代码

<script>    $(function () {        labelsa = $("#example-two .nav").find("li");        for (i = 0, j = labelsa.length; i < j; i++) {            labelsa[i].onclick = function () {                //alert("dd");                var vastra = $(this).find("a").attr("name");                $(this).parents("ul").find("a").removeClass("current");                $(this).find("a").addClass("current");                $(".list-wrap").find("div").hide();                $("#" + vastra).show();            }        }    });</script>