双击关闭Tab需监听.layui-tab-title的dblclick事件，用e.target.closest('li')精准定位目标项，手动移除DOM及对应内容区，并处理激活态切换与iframe清理。
直接在 Tab 标题区域监听双击事件，获取当前被点击的 tab 项，再调用删除逻辑即可实现双击关闭。关键在于精准定位目标 tab、正确触发删除并同步更新 UI 状态，避免只删数据不删 DOM 导致视觉残留。
监听双击事件并定位目标 Tab
必须委托监听 .layui-tab-title 下的 li 元素，因为 Tab 是动态添加的。不要绑定到静态父容器或使用 jQuery 事件代理（易丢失 target 精确性）：
- 用原生方式：
document.querySelector('.layui-tab-title').addEventListener('dblclick', e => { ... }) - 通过
e.target.closest('li')获取被双击的标题项，兼容点击文字、图标等子元素 - 若 tab 有
lay-id，优先用它标识；否则用Array.from(liList).indexOf(clickedLi)计算索引
执行关闭并保持状态一致
仅调用 element.tabDelete(filter, index) 不够——它只删内部数据，不移除 DOM 节点，也不更新激活态，页面会显示空白或残留内容：
- 先手动移除标题：
clickedLi.remove() - 再移除对应内容区：
$('.layui-tab-content .layui-tab-item').eq(index).remove() - 检查当前激活项是否被删：若被删，需主动切换到邻近 tab，例如取前一项索引（存在则
element.tabChange(filter, newIndex)），否则切到第一个 - 注意：如果 tab 内含
<iframe>，记得清空其src或调用contentWindow.close()防止内存泄漏
规避常见失效问题
双击没反应或关闭后错位，多数源于 DOM 与框架状态脱节：
- 确认没有设置
lay-allowClose="false"，否则需绕过限制手动删 - 不要用
$('.layui-this').index()当作目标索引——它返回的是所有li的位置，但内容区可能有隐藏项，索引未必对齐 - 禁止在编辑态（如双击改名）未退出时触发双击关闭，建议加标志位临时禁用双击
- 若用了卡片式 tab（
layui-tab-card），注意其结构含dd标签，但双击关闭只操作li和.layui-tab-item即可，无需动dd
