Javascript 在下拉菜单顶部显示所选子页面的标题（wordpress）

我在为客户端（使用Wordpress）构建的页面上有一个下拉菜单。下拉菜单的标题是“菜单”，它没有链接到任何地方，它只是在鼠标悬停时显示下拉菜单项

当您选择子页面时，是否有方法显示活动页面的标题，其中在起始页面上显示“菜单”？例如，在第1页上会显示第1页而不是菜单

我四处寻找了一些选择，但到目前为止还没有找到任何令人满意的

菜单的代码：

<nav class="x-nav-wrap desktop" role="navigation">
    <ul id="menu-primary-menu" class="x-nav">
        <li id="menu-item-36" class="menu-item menu-item-type-custom menu-item-object-custom current-menu-ancestor current-menu-parent menu-item-has-children menu-item-36"> <a href="#">
    <span>MENU</span></a>

            <ul class="sub-menu">
                <li id="menu-item-42" class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-37 current_page_item menu-item-42"> <a href="http://test.frankochrakel.se/?page_id=37"><span>Page 1</span></a>
                </li>
                <li id="menu-item-41" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-41"> <a href="http://test.frankochrakel.se/?page_id=39"><span>Page 2</span></a>
                </li>
            </ul>
        </li>
    </ul>
</nav>

---

我很感激任何关于如何解决这个问题的想法

尝试将此jquery添加到

header.php

文件中

header.php中的Jquery

---

*如果这不起作用，请将“$”替换为“jQuery”，然后重试。

为什么不让您的

page\u id=37

number以页码为目标？示例第1页-第_id=1页？您可以使用.htaccess显示为

www.yourdomain.com/page1/

，目标是

www.yourdomain.com/？page\u id=1

。然后，您可以设置javascript来检查域的

/page

索引，并将其设置到菜单替换菜单中？注释不用于扩展讨论；这段对话已经结束。

$(document).ready(function(){
    var get_current_menu_item = $('.sub-menu .current-menu-item span').text();
    if(get_current_menu_item)
        $('#menu-item-36 > a span').text(get_current_menu_item);
});