JavaScript的。下拉菜单 - 双色更改

时间:2016-02-27 22:48:35

标签: javascript jquery menu dropdown

我有一个菜单:

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

我想达到效果: “如果你点击Menu1中子菜单的Page1 - >你去Page1和Page1 - Menu1和Page1将改变颜色 - 向用户显示它们的位置。

我不能在css中使用活动类,因为我必须在php模块中使用它,我认为它必须在js中。

我有js代码:

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

它可以工作,但只更改活动链接的颜色,但我想在活动链接和他的父级(链接所在的活动链接和菜单)中更改颜色

请帮忙

1 个答案:

答案 0 :(得分:0)

这是有效的:https://jsfiddle.net/39px2wga/2/

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

- >我更改了if子句以使用jsfiddle