移除无值HTML class属性：解决Shiny导航栏Tab焦点异常问题

核心思路：精准定位目标元素，避免误操作其他组件 #

Shiny导航栏切换后留下的空class属性（<li class>）属于无效HTML，是Tab焦点异常的诱因。之前的暴力选择器会影响页面所有元素，所以要缩小范围，只针对导航栏的<li>元素处理。

具体代码 #

1. 监听Tab切换事件，实时清理空class

$(document).on('hide.bs.tab', function() {
  // 仅针对Shiny默认导航栏的li元素，筛选class为空的项
  $('.navbar-nav li[class=""]').removeAttr('class');
});

2. 页面加载完成后，做一次初始清理（可选）

防止页面渲染时就存在空class的情况：

$(document).ready(function() {
  $('.navbar-nav li[class=""]').removeAttr('class');
});

选择器说明 #

• .navbar-nav是Shiny内置导航栏的默认父容器类，确保只处理导航栏选项，不会误操作页面其他元素
• [class=""]精准匹配class属性完全为空的元素，不会误删带有正常class的组件
• 如果你的导航栏用了nav-tabs类（比如标签页式导航），把.navbar-nav换成.nav-tabs即可

这样处理既解决了Tab焦点跳过的问题，又不会影响应用其他功能。

内容的提问来源于stack exchange，提问作者goblinshark