Html 不存在导航项时隐藏引导汉堡图标

我在navbar引导组件中动态填充nav TEM，有时没有nav项目，在这种情况下，我希望在设备视口中隐藏汉堡包图标。 我想

导航栏切换图标

就是这个类负责的。 当没有

导航项目时删除此类会导致出现带边框的框

当没有导航项目时，隐藏汉堡包元素的方法是什么

带导航项目和不带导航项目的导航栏




假设您只有一个
导航条
，如果不存在导航项，您可以执行类似的操作来隐藏

function isEmpty(el) {
  return !$.trim(el.html())
}

if (isEmpty($('.navbar-nav'))) {
  $('.navbar-toggler').hide();
}

我认为有两种方法可以实现你想要的。
1.完全卸下按钮。
2.将“d-none”添加到span类

<a class="navbar-brand" href="#">Navbar Without Nav Items</a>
  <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav2" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
    <span class="navbar-toggler-icon d-none"></span>
  </button>


隐藏导航栏导航的父项不会导致亨伯格hide@SubSul对不起，我藏错了父母。已经编辑了代码，谢谢！隐藏。导航栏隐藏了整个导航栏，这不是我想要的。我只是想把汉堡藏起来。无论如何，谢谢。您可以在其中执行任何自定义逻辑，在您的特定情况下，只需执行
$（'.navbar-toggler'）.hide（）。我已经更新了代码。谢谢。我猜你的意思是将
d-none
添加到
按钮
元素。是的，这就是我的意思。到跨度标记内的按钮元素。