这是参考网友的代码
test ul,li{list-style:none;} #nav li{display:inline-block;margin:0 5px;background:#ccc;padding:0 10px; line-height:24px;font-size:12px;} #nav li.h_nav_over{background:red;color:#fff;} #nav li.h_nav_over a{color:#fff;} a{text-decoration:none;} $(function(){ var arr =[{"name":"心","id":"1"},{"name":"肝","id":"2"},{"name":"脑袋","id":"3"},{"name":"屁股","id":"4"}]; var arrStr =""; var retStr =""; $.each(arr, function(i, item) { arrStr += '
'+arr[i].name+''; }); $('#xueweiList').append(arrStr); $("#nav>ul>li").click(function(){ if(this.className=='h_nav_over'){ $(this).removeClass("h_nav_over"); var xueweis = retStr.split(','); remove(retStr,this.id); }else{ $(this).addClass("h_nav_over"); retStr += this.id+','; } $("#xueweis").val(retStr); alert($("#xueweis").val()); }); }); function indexOf(arr,val) { for (var i = 0; i < arr.length; i++) { if (arr[i] == val) return i; } return -1; }; function remove(arr,val) { var index = indexOf(arr,val); if (index > -1) { arr.splice(index, 1); } };
效果:
现在缺少body部分的代码 改怎么对应呀