jquery动态赋值layui table数据

jquery动态赋值layui table数据

<table class="layui-table" id="productTest" style="width: 100%;">
    <thead>
	    <tr id="template">
			<th id="productname">商品名称</th>
			<th id="nowprice">现价</th>
			<th id="username">用户名</th>
			<th id="applyprice">申请价</th>
			<th id="check">输入框</th>
		</tr>
	</thead>
</table>
var tableData = data;
$.each(tableData, function (i, n) {  //回显到表格
	var row = $("#template").clone();
	row.find("#productname").text(n.productname);
	row.find("#nowprice").text(n.nowprice);
	row.find("#username").text(n.username);
	row.find("#applyprice").text(n.applyprice);
	row.find("#check").html('<input type="text" name="" id="" value="" />');//动态增加输入框
	row.appendTo("#productTest");//添加到模板的容器中
});