javascript - 当我点击它时，它是最后一个可能的值

Question

首先，感谢您的帮助，并对菜鸟问题表示歉意。

我在 for 内部的事件上遇到问题。 DOM 是这样的:

<div class="wrap">

  <div class="trigger">...</div>
  <div class="trigger">...</div>

  <div class="box">...</div>
  <div class="box">...</div>

</div>

我的 JS jQuery 是:

for( i = 0; i < $('.trigger').length; i++ ){
$('.trigger:eq('+i+')').click(function(){
    $('.box:eq('+i+')').fadeIn();
});

$('.box:eq('+i+') .bt-close').click(function(){
    $('.box:eq('+i+')').fadeOut();
});
}

好吧，问题是，当我点击触发器时，i的值为2。我不想使用trigger1，trigger2...因为我不知道最终版本中有多少个。

Answer 1

function createEffects(index) {
    $('.trigger:eq(' + index + ')').click(function() {
        $('.box:eq(' + index + ')').fadeIn();
    });

    $('.box:eq(' + index + ')').click(function() {
        $('.box:eq(' + index + ')').fadeOut();
    });
}


for (i = 0; i < $('.trigger').length; i++) {

    createEffects(i);
}​

如果可以的话，我会避免使用闭包。这是一个没有它们的示例:http://jsfiddle.net/JBbQk/