javascript - 将 for 循环迭代器值绑定(bind)到 Javascript 中的回调函数？

Question

这个问题已经有答案了:

Variable in JavaScript callback functions always gets last value in loop? [duplicate] (2 个回答)

已关闭 9 年前。

如何设置回调函数的值，以便在单击元素时保存并准备好触发？

for (i=0; i < ELEMENTS-1; i++) {
    array[i].click(function(){
        array[i].insertAfter(array[i+1]); 
        //other stuff
    });
}

array[]仅包含一堆 div。

    <div class="wrapper">
        <div id="one" class="tile">One</div>
        <div id="two" class="tile">Two</div>
        <div id="three" class="tile">Three</div>
        <div id="four" class="tile">Four</div>
    </div>

当点击一个 div 时，我希望它在列表中向下移动。

Answer 1

通过 jQuery，您可以使用:

$('.wrapper div').click(function() {
    $(this).insertAfter($(this).next());    
});

<强> Fiddle Demo