Phần tử mảng di chuột để làm mờ phần tử tương ứng trong mảng khác [Vấn đề đóng cửa]

Question

Điều tôi hy vọng đạt được là khi tôi di chuột qua một phần tử trong mảng deptmts, phần tử tương ứng trong mảng brnches sau đó bị mờ dần. Tôi đã thêm vào dưới đây những gì tôi nghĩ rằng nó nên được nhưng không thực sự chắc chắn nơi tôi đang đi sai. Bất kì sự trợ giúp nào đều được đánh giá cao.

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

cổ điển đóng Issue ..

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); 
    } 
}; 

Check Fiddle