如图，查看学员信息后，相对其信息做相应处理，给后面的管理添加点击功能

通过点击查看全部学员

                    $.each(pagedata, function (index, item) {
                        // 性别转换
                        if(item.sex==1){sex_1 ="男"}
                        else if(item.sex==2){sex_1 ="女"}
                        // 年级转换
                        var grade={"1":"一年级","2":"二年级","3":"三年级","4":"四年级","5":"五年级","6":"六年级","7":"七年级","8":"八年级","9":"九年级","10":"高一年级","11":"高二年级","12":"高三年级"};
                        grade_1=grade[String(item.grade)];
                        // 解析数据
                        var row = $("<tr></tr>");
                        if( item.grade == undefined  ){ } else{
                        row.append($("<td>" + item.name + "</td>"));
                        row.append($("<td>" + item.phone + "</td>"));
                        row.append($("<td>" + sex_1 + "</td>"));
                        row.append($("<td>" + grade_1 + "</td>"));
                        row.append($("<td>" + item.content + "</td>"));
                        row.append($("<td>" +"<a  class='a_stu_manage'>管理</a>"+"</td>"));
                        table.append(row);
                        }
                    });

 给管理添加点击事件

注意：这里不能之间jQuery定位

需要通过on方法

$(selector).on(event,childSelector,data,function)

如：

.a_stu_manage为所有管理的类名

#students_table为表格id名，管理是通过查询事件添加到表格里面的，是管理的父元素

$("#students_table").on("click", ".a_stu_manage", function(){
     //添加的功能
    modal.style.display = "block";
});