jquery - 如何根据 URL 的开始方式将类添加到菜单项？

Question

在我的网站目录“foto”中，我有很多以 url“http://example.com/foto/article-name”或“http://example.com/tech/article-name”开头的文章

我有一个 URL 为“http://example.com/foto/”的菜单项。

如何在显示其中一篇文章时突出显示我的菜单项“FOTO”，以防这些文章没有菜单链接。换句话说，我想有一个条件：

如果 URL 以 "http://example.com/ foto /" 高亮菜单项FOTO 开头，或者如果 URL 以 "http://example.com/ demo " 高亮菜单项VIDEO开头，

这意味着文章和菜单项的 URL 可能不会以相同的 URL 开头。

提前致谢

Answer 1

您可以执行以下操作：

var url = window.location.href; // Get the current URL

// Check for foto inside URL //
if (url.indexOf("foto") != -1​){
    alert('foto');

    // Add selected class to menu item //
    $('#menu_item_id').addClass('selected');
}​​​​​​​

然后，您可以简单地为其他菜单项标题添加额外的检查。

我希望这有帮助！