Jq动态生成tbody表格

1. 首先需要用到jq的 $("")方法来创建标签

2. 然后使用jq的append()方法来追加内容

• 上jq代码：

function initTbody(data) {
        //获取 tbody 并清空
        var tbody = $("#dataTbody");
        tbody.empty();
        var list = data.personAdminList;
        if (list.length == 0) {
            //创建一个 tr
            var tr = $("");
            //往tr里面放 td
            tr.append($("暂无数据"));
            //将 tr 放进 tbody
            tr.appendTo(tbody);
            return;
        }
        //遍历数据
        for (var i = 0; i < list.length; i++) {
            //创建一个 tr
            var tr = $("");
            //往tr里面放 td
            tr.append($("" + (i + 1) + ""));
            tr.append($("" + list[i].staffNum + ""));
            tr.append($("" + list[i].account + ""));
            tr.append($("" + list[i].realName + ""));
            tr.append($("" + list[i].personAdminPost.postName + ""));
            tr.append($("" + list[i].personAdminRole.roleName + ""));
            tr.append($("已启用"));
            tr.append($("" +
                "" +
                "" +
                "" +
                "" +
                ""));
            //将 tr 放进 tbody
            tr.appendTo(tbody);
        }


    }

• 下面是效果图：