Jquery Tab框切换

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>