如何将活动类添加到随附的uikit导航栏的右侧<li>

Question

我正在尝试“手动”建立网站（无CMS）。

只有几个页面带有导航栏和一些格式化的内容，我可以自己编写html代码，复制整个flexbox，并在需要向页面添加内容时替换它们的内容。

这是我的导航栏：

<div uk-sticky="sel-target: .uk-navbar-container; cls-active: uk-navbar-sticky">
    <nav class="uk-navbar-container" uk-navbar>
        <div class="uk-navbar-center">
            <ul class="uk-navbar-nav">
                <li>PAGE1</li>
                <li>PAGE2</li>
                <li><a>SUBMENU DROPDOWN</a>
                    <div class="uk-navbar-dropdown">
                        <ul class="uk-nav uk-navbar-dropdown-nav">
                            <li class="uk-nav-header">SUBMENU SECTION 1
                            <li>PAGE3</li>
                            <li>PAGE4</li>
                            <li>PAGE5</li>
                            <li class="uk-nav-divider"></li>
                            <li class="uk-nav-header">SUBMENU SECTION 2</li>
                            <!--And so on-->
                        </ul>
                    </div>
                </li>
            </ul>
        </div>
    </nav>
</div>

我希望此代码位于一个单独的文件中，我可以将其包含在我的所有页面中，只需更新此文件即可向站点中的每个导航栏添加一个新菜单项。
这样做的问题是，我不知道有任何本机方法来告诉页面“嘿，在您包含此文件之后，将uk-active类添加到我选择的<li>中。

除了编写一些将类分配给具有正确ID的<li>的JS之外，还有其他实用且优雅的替代方法吗？