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

Binding for loop iterator values to callback functions in Javascript?

本文关键字:回调 函数 Javascript 循环 迭代器 绑定      更新时间:2023-09-26

如何设置回调函数的值,以便在单击元素时保存并准备好激发它?

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时,我希望它在列表中向下移动。

使用jQuery,您可以使用:

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

Fiddle演示