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。下拉菜單 - 雙色變化

回答

相關問題