closest仅用于快速定位事件触发节点的父容器，不参与状态计算；级联更新需基于data-node-id回溯父级、统计子项勾选数并递归设置checked/indeterminate状态。
理解 closest 在权限树中的作用
closest 不是用来“自动点亮”父节点的，它只是向上查找最近的匹配祖先元素。在多级权限树中实现“勾选子节点 → 级联更新父节点为半选/全选”时，closest 通常只用于事件委托定位触发节点所属的树节点容器，真正的级联逻辑要靠遍历父级、统计子项状态来完成。
关键步骤：从点击的 checkbox 出发，回溯更新所有父级
不要依赖 closest 做状态计算，而是用它快速定位当前操作发生在哪一层节点内，再结合 data-id、层级关系或 DOM 结构向上处理：
- 给每个 checkbox 的父容器（如 li 或 div）加上唯一标识，比如
data-node-id="105"和data-parent-id="23" - 点击时用
$(this).closest('[data-node-id]')拿到当前节点容器，读取它的data-node-id - 查出该节点的所有直接子 checkbox（可用
$(container).find(':checkbox')），统计已勾选数 - 根据子项勾选比例设置自身状态：全勾选 →
checked=true, indeterminate=false；部分勾选 →indeterminate=true, checked=false；全未勾选 →checked=false, indeterminate=false - 递归向上，对 parent-id 对应的父容器重复第 3–4 步，直到根节点
避免常见坑：indeterminate 不会触发 change 事件
设置 elem.indeterminate = true 不会触发 onchange，所以父节点状态变化后，必须手动调用一次更新逻辑，或统一用一个函数（如 updateNodeStatus(nodeId)）封装整个计算+渲染流程，确保父子同步。
HTML 结构建议（便于 closest 定位）
保持清晰的嵌套和语义化 data 属性：
<ul class="permission-tree">
<li data-node-id="1" data-parent-id="0">
<input type="checkbox" class="node-toggle"> 用户管理
<ul>
<li data-node-id="2" data-parent-id="1">
<input type="checkbox" class="node-toggle"> 查看用户
</li>
<li data-node-id="3" data-parent-id="1">
<input type="checkbox" class="node-toggle"> 编辑用户
</li>
</ul>
</li>
</ul>
这样 $(e.target).closest('li[data-node-id]') 就能稳稳拿到当前操作项的上下文，后续逻辑才好展开。
