javascript - 如果 URL 具有 a/directory/listing，则将事件类添加到菜单 "parent"项

Question

尝试在 URL 包含目录路径时将 CSS 类添加到父项。

例如，如果我的网址是

example.com/directory/about.html

如果其中包含 /directory/，我想在我的顶部导航中添加一个 CSS 类项目。

所以在这种情况下，example.com/directory/overview.html 会得到一个 CSS 类“active-parent”

这将是 .main-nav li a.active-parent

(请注意，我已经在使用 jquery 来检查 URL 并使该页面处于事件状态，但是当它是一个部分的子页面时，父页面不会突出显示)

我以为我可以使用 :contains() Selector但我不知道如何将它应用到 URL

Answer 1

jQuery 选择器不能用在 url 上。您必须自己解析 url 并检查内容。

if (window.location.href.indexOf('/directory/') != -1) {
    // Add a css class to a html element
}

你可能想做一个更通用的方法是使用 split 函数:

window.location.pathname.split('/').forEach(function(directory) {
    if (directory == 'directory') {
        // Add a css class to a html element
    }
});