jquery - 在下拉菜单中显示 ID

Question

因此，我对下拉菜单进行了以下设置:

https://jsfiddle.net/mboz45fv/10/

我想要实现的是，当点击 sub menu 时，我想在 Menu 中显示 sub menu 的标题> 空间如下图所示。

我怎样才能做到这一点？

编辑:所以，我意识到我还不够清楚。

比方说，用户单击 Sub Menu 2 按钮，然后用户将被定向到该页面。

此子菜单 2 页面的 url 为 sub_menu_2。例如，页面 url 将为 .com/sub_menu_2

当用户位于 sub menu 2 页面时，我希望 menu 标题为 sub menu 2。

抱歉造成混淆。

Answer 1

这是一个可能的解决方案:https://jsfiddle.net/mboz45fv/3/

将一个类添加到您的主菜单和子菜单，并设置如下所示的值，

<h1>Drop Down Menu</h1>
<nav id="primary_nav_wrap">
<ul>

  <li><a class="main-menu" href="#">Menu</a>
    <ul>
      <li><a class="sub-menu" id="a" href="#">Sub Menu 1</a></li>
      <li><a class="sub-menu" id="d" href="#">Sub Menu 2</a></li>
      <li><a class="sub-menu" id="c" href="#">Sub Menu 3</a></li>
    </ul>
  </li> 
</ul>
</nav>

$('.sub-menu').on('click', function(){
    $('.main-menu').text($(this).text())
});

编辑:如果您希望在用户不关注控件时返回“菜单”文本，解决方案如下:https://jsfiddle.net/mboz45fv/9/