关于jQuery Ajax请求在表单中使用appen()方法时每个属性出现两次的原因之一：

关于jQuery Ajax请求在表单中使用appen()方法时每个属性出项两次的原因之一：

        错误示范：

function build_emps_table(result) {
        var emps = result.extend.pageInfo.list;
        $.each(emps, function (index, item) {
            var empIdTd = $("<td><td>").append(item.empId);
            var empNameTd = $("<td><td>").append(item.empName);
            var genderTd = $("<td><td>").append(item.gender=='M'?"男":"女");
            var emailTd = $("<td><td>").append(item.email);
            var deptNameTd = $("<td><td>").append(item.department.deptName);
            $("<tr></tr>").append(empIdTd).append(empNameTd).append(genderTd)
                .append(emailTd).append(deptNameTd).appendTo("#emps_table tbody");
        });

               输出结果：

 原因时因为：$("<td><td>") 缺少结束标签。

$("<td><td>")

 正确示范：

$.each(emps, function (index, item) {
            var empIdTd = $("<td></td>").append(item.empId);
            var empNameTd = $("<td></td>").append(item.empName);
            var genderTd = $("<td></td>").append(item.gender=='M'?"男":"女");
            var emailTd = $("<td></td>").append(item.email);
            var deptNameTd = $("<td></td>").append(item.department.deptName);
            $("<tr></tr>").append(empIdTd).append(empNameTd).append(genderTd)
                .append(emailTd).append(deptNameTd).appendTo("#emps_table tbody");
        }

 结果：