Javascript 更改活动页面及其子页面菜单的背景色

我正在更改当前菜单项的背景色

例如，我在abc.com/tours上，因此使用以下代码将菜单项“tours”的颜色更改为粉红色

<script> 
$(document).ready(function() {
$("[href]").each(function() {
if (this.href == window.location.href) {
    $(this).addClass("change_color_pink");
    }
});
});
</script>

$（文档）.ready（函数（）{
$（“[href]”）。每个（函数（）{
if（this.href==window.location.href）{
$（this.addClass（“更改颜色和粉色”）；
}
});
});

如果我去abc.com/tours/australia，我希望菜单项“tours”保持粉红色。我该怎么办

---

注意：/tours/australia是/tours中的一个链接

您可以将颜色值存储在a或a中，并将状态读回以下页面上的函数中。

如果您的模型由url和由html元素组成的菜单组成，您首先必须引入可以将url解析为相关部分的逻辑。如果您的格式是domain.com/child/child/child/，那么这应该非常简单。。。当您拥有这些数据时，例如在数组中，您必须将其投影到html结构中。假设您的菜单标记是分层的，那么算法可能不会比迭代查找顶级html元素、进行修改并搜索当前元素中的下一个顶级元素困难多少。

您能给我举个例子吗？比我提供的链接中的例子更好吗？这里不需要引入状态，根据这个问题，主要类别已经在url中表示。他们在哪里声明颜色是随机设置的？如果不是随机的，就没有必要保留颜色。“啊，动态的！=随机的”。因此，如果他们知道菜单使用的颜色，他们就不必在页面请求中保留颜色。他们只是询问如何在页面之间传递状态。@jeremyjjbrown，但没有状态依赖关系。都在url中。假设他们使用随机颜色。这会很奇怪。不，如果不是随机的，你的解决方案是没有意义的。他们没有从纯url本身获取不到的信息。让我们大家好，你能澄清一下你是如何使用颜色的吗？对此似乎存在分歧。活动菜单项是否始终为粉红色？每个类别有一种特定的颜色吗？