关闭其他Tab时保留白名单Tab需先标记再批量删除：用lay-id标识首页等固定页，反向遍历DOM删除非白名单项，并同步清理内容区、激活态及iframe资源，最后激活首个白名单Tab。
关闭其他 Tab 时保留指定白名单 Tab，核心是「先标记不删的项，再批量删除其余」。Layui 原生不提供“关闭其他”接口，必须手动遍历、比对、清理，同时确保 DOM、数据、激活态三者同步。
明确哪些 Tab 属于白名单
推荐用 lay-id 标识白名单 Tab，比如首页、个人中心、消息通知等固定页：
- 每个
<li>标签需显式设置lay-id="home"、lay-id="user-center"等唯一值 - 避免用文字标题匹配（如“首页”），因多语言或动态文案会导致不可靠
- 白名单列表建议定义为常量数组，便于维护：
const keepIds = ['home', 'user-center', 'notice'];
遍历并删除非白名单 Tab
不能直接调 element.tabDelete() 循环删——它只删数据不删 DOM，容易残留节点和错乱激活态。应手动删 DOM + 清内容 + 更新状态：
- 获取所有 tab 标题项：
const $tabs = $('.layui-tab-title li'); - 反向遍历（防止索引偏移）：
for (let i = $tabs.length - 1; i >= 0; i--) { - 取出当前项
lay-id：const id = $($tabs[i]).attr('lay-id'); - 若
!keepIds.includes(id)，则执行删除：
– 删除标题：$($tabs[i]).remove();
– 删除对应内容区：$('.layui-tab-content .layui-tab-item').eq(i).remove();
删除后正确激活一个保留项
删完可能没激活项，或激活了不该留的 Tab。需主动切到首个白名单 Tab：
- 查找第一个存在的白名单 Tab 元素：
const $firstKeep = $('.layui-tab-title li[lay-id="' + keepIds[0] + '"]'); - 若存在，添加激活类并显示内容：
$firstKeep.addClass('layui-this').siblings().removeClass('layui-this');
$('.layui-tab-content .layui-tab-item').eq($firstKeep.index()).addClass('layui-show').siblings().removeClass('layui-show'); - 也可调
element.tabChange('filterName', $firstKeep.index())触发内置切换逻辑（更稳妥）
注意 iframe 和状态清理
若白名单 Tab 内含 <iframe></iframe>，无需特殊处理；但被删 Tab 中的 iframe 若未释放，可能造成内存泄漏：
- 删前可主动清空 src：
const $iframe = $($tabs[i]).next('.layui-tab-content').find('iframe').first(); if ($iframe.length) $iframe.attr('src', 'about:blank'); - 不建议调
contentWindow.close()（跨域会报错），设src="about:blank"即可安全卸载 - 如 Tab 内有定时器、事件监听，应在删除前通过自定义事件或标识位统一销毁（需业务层配合）
