共计 875 个字符，预计需要花费 3 分钟才能阅读完成。
<span class=”layui-layer-setwin”> </span>
<div class=”layui-layer-btn layui-layer-btn-“>
确定
勾销
</div>
通过下面的标签内元素信息能够得悉上图中的“X”和“勾销”按钮对应的名称都是“btn-cancel”，那么咱们能够在类选择器上注册该事件即可，具体代码如下：
$(function(){
$(“.btn-cancel”).click(doCancel);
})
// 点击 zTree 中的 cancel 按钮或右上角的 close 叉号时，执行此函数
function doCancel(){
$("#menuLayer").css("display","none");}
btn-confirm — 代表“确定”
$(function(){
$(“.btn-cancel”).click(doCancel);
$(“.btn-confirm”).click(doConfirm);
})
// 点击 zTree 中的确定按钮时执行此函数
function doConfirm(){
//1. 获取菜单树中选中的菜单对象
let nodes=zTree.getSelectedNodes();// 查官网 treejs.cn
//console.log(nodes);// 输入的目标是检测的菜单在服务端响应的后果是什么
//2. 获取选中 zTree 节点的 id 和 name，并将其值填充到表单上
//2.1 借助 jQuery 中 data 函数将节点 id 值存储到某个对象上, 其语法为：
//data(key[,value])，如果只指定 key 示意取值，两个都指定示意存值。
$(“#parentId”).data(“parentId”,nodes[0].id);
//2.2 借助 jQuery 中 val 函数将 name 值填充到表单中,val 函数的具体语法：
//val([value]), 当没有 value 时示意获取值，当有 value 时示意赋值。
$(“#parentId”).val(nodes[0].name);
//3. 暗藏 zTree 对象
doCancel();
}
