用js 动态生成<ul>标签的<li>条目，因为在动态的创建过程中li的点击事件是不太方便的，因此采用JQuery 的类选择器来实现。

 

html代码：

 

js代码：

var edit = oData.data;                    //遍历edit里面的值，将group_name拼接成标签
for(var k in edit){      var groupName = edit[k].group_name;       if(groupName!= ""){            $("#intf_group").append('
'+edit[k].group_id+'('+edit[k].group_name+')'+'
');       }else{            $("#intf_group").append('
'+edit[k].group_id+'
');       }}                     //给li绑定事件 $('div#group_ul ul li').live('click',function(){                             $(this).removeClass('group_li').addClass('active').siblings().removeClass('active');                             var number = $(this).val();      //点击
标签展示的数据列表     searchData(edit[number].group_id); });