javascript - 悬停数组元素以淡化另一个数组中的对应元素 [关闭问题]

Question

我希望实现的是，当我将鼠标悬停在数组中的一个元素上时，deptmts数组中的相应元素brnches就会淡入淡出。我在下面添加了我认为应该的内容，但不确定我哪里出错了。任何帮助将非常感激。

var brnches = ["#branch01","#branch02","#branch03","#branch04"]
var deptmts = ["#depart01","#depart02","#depart03","#depart04"]

var brchhov = function() {
    for(var i=0; i<deptmts.length; i++){
        $(deptmts[i]).hover(
            function(){$(brnches[i]).stop(true).fadeTo("fast", 1);},
            function(){$(brnches[i]).stop(true).fadeTo("slow", 0);}
        );
    }
};

Answer 1

经典关闭问题..

var brchhov = function() {
    for(var i=0; i<deptmts.length; i++){
       (function(num){
             $(deptmts[num]).hover(
                 function(){$(brnches[num]).stop(true).fadeTo("fast", 1);},
                 function(){$(brnches[num]).stop(true).fadeTo("slow", 0);}
             );
       })(i);
    }
};

检查小提琴