将循环迭代器值绑定到Javascript中的回调函数？

Question

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

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