jquery动态添加元素

以前写过一篇layui table点击按钮添加、删除一行。
今天学习了一种省事的动态添加元素的方法。
参考文章：JQuery动态给LayUI table赋值。

<table class="layui-table" id="table" lay-filter="table">
	<thead>
		<tr>
			<td>姓名</td>
			<td>性别</td>
		</tr>
	</thead>
	<tbody id="tbody">
		<tr id="trTemplate">
			<td field="name">张三</td>
			<td field="gender">男</td>
		</tr>
	</tbody>
</table>

function addRow() {
	var row = $("#trTemplate").clone();
	row.find("td[field=name]").text("李四");
	row.find("td[field=gender]").text("女");
	$("#tbody").append(row);
}

动态数据同理。循环后台数据赋值即可。