JavaScript。下拉菜单 - 双色变化

我有一个菜单：JavaScript。下拉菜单 - 双色变化

https://jsfiddle.net/39px2wga/1/

我想达到的效果： “如果你在菜单1子菜单中单击第1页 - >你去第1页和第1页 - 在菜单1和第1页会改变颜色 - 以显示他们在哪里的用户

我不能在CSS使用活动类，怎么一回事，因为我必须在PHP模块做到这一点，我认为它必须在JS

。我有js代码：

$(function() { 
    $("#menu li a").each(function() { 
    if (this.href == window.location) { 
     $(this).css("color", "#ff851d"); 
    }; 
    }); 
});

它的工作原理，但只能更改活动链接的颜色，但我想改变活动链接的颜色和他的父母（活动链接和菜单，其中的链接）

请帮

来源

2016-02-27 Rafonix

只是使用this.parentNode或this.parent（工作） –

它不工作 – Rafonix

这是工作：https://jsfiddle.net/39px2wga/2/

this.parentNode.parentNode.parentNode.firstChild.style.color = "#ff851d";

- >我改变了，如果子句的jsfiddle

来源

2016-02-28 09:28:13

非常感谢！但我有一个问题，因为我改变了想法;-)我也想添加活动链接高亮颜色。有可能的？请帮助 //突出显示父母。所以.. 1）改变颜色 - 父母和孩子。 2）即使您点击了子女，也只能为家长提供亮点 – Rafonix

如果我理解正确，只需在子元素上使用mousedown eventListener向父元素添加一个类即可。类本身包含高亮颜色。请参阅：[https://jsfiddle.net/39px2wga/4/](https://jsfiddle.net/39px2wga/4/） –

JavaScript。下拉菜单 - 双色变化

回答

相关问题