Jquery 选择器的用法

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

 

html代码：

<div id="group_ul" class="group_ul">
   <input type="button" name="all_intf" id="all_intf" class="all_intf" onclick="searchData('')" value="全部"/>
   <ul id="intf_group"></ul>
</div>

 

js代码：

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