HTML+jq动态添加节点

<div class="layui-inline" id="zdUpdate">
<button class="layui-btn" id="add">
<i class="layui-icon"></i> 添加
</button>
</div>

function btnInit() {

// 添加字典
$('#add').click(zdUpdate);
}

//动态添加节点
zdUpdate = function () {
$('#dict_content').append($('#dict_item_template').html());
}

<div id="dict_item_template" style="display: none">
<div class="layui-form-item js-dict-item">
<div class="layui-inline">
<label class="layui-form-label">值</label>
<div class="layui-input-inline">
<input type="text" name="num" value="" required lay-verify="required" autocomplete="off"
class="layui-input">
</div>
<label class="layui-form-label">名称</label>
<div class="layui-input-inline">
<input type="text" name="name" value="" required lay-verify="required" placeholder="请输入名称"
autocomplete="off"
class="layui-input">
</div>
<div class="layui-inline">
<button class="layui-btn js-del">
<i class="layui-icon"></i> 删除
</button>
</div>
</div>
</div>
</div>