Question

我在我的CMS中使用Bootstrap Tab Collapse plugin，我希望在标签中没有提供任何内容（通过我的CMS）时隐藏标签。我可以轻松地隐藏（）桌面视口中的选项卡，但是当折叠选项卡时，我似乎找不到在移动视口上执行相同操作的方法。

这是我用来通过检查特定元素是否包含HTML来隐藏选项卡的代码：

if ($.trim($('.the-element-to-check').html()).length == 0) {
  $('#event-tabbed-accordion').hide();
}

这不起作用，就像#event-tabbed-accordion在DOM中不存在或由于某种原因无法访问。我可以访问＃event-tabbed（它以前的兄弟），但不能访问我想要隐藏的＃event-tabbed-accordion。

所以，我尝试将#event-tabbed定位，然后使用next（）兄弟测试一些东西（我尝试将一个测试类添加到next（）元素，这是我要隐藏的元素，但是这不起作用或者，next（）跳过我想要隐藏的元素，并在＃event-tabbed-accordion之后将测试类添加到元素中。

if ($.trim($('.the-element-to-check').html()).length == 0) {
  $('#event-tabbed').next().addClass('test-class');
}

这是在添加测试类之后发生的情况，截图如下：

我做错了什么？为什么我无法访问＃event-tabbed-accordion？