javascript - 点击激活样式

Question

导航上有一系列链接区域,我想实现点击某链接是=时，该区域背景颜色及文字颜色改变，而其兄弟节点，即同级的链接区域恢复默认样式，用原生的javascript.我写出的代码没法让改变了的样式恢复，诚求解！！！

Answer 1

当click函数执行时,i=menu.length,而不是你期望的~~~
使用闭包,保持你期望的i值
....

menu[i].onClick=(funcion(i){
    return function(i){
        //your codes
    }
}(i));

....
或则使用jQuery delegate方法

Answer 2

var menu =document.getElementById("main-menu").childNodes;
for(var i=0;i<menu.length;i++){
  (function(arg){
        menu[i].onclick=function(arg){
             //你得代碼
        }
    })(i)
}

閉包問題
此方案和二樓方案一樣

Answer 3

不是用了 angular 吗？为啥不用 ng-class

Answer 4

典型的闭包问题，亲