Binding for loop iterator values to callback functions in Javascript? [duplicate]

Question

How do I set the values to the callback function, so that it's saved and ready to fire when the element is clicked?

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

array[] just contains a bunch of divs.

    <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>

When a div is clicked, I want it to move down the list.

@dystroy - While it is one of the most commonly asked questions here -- if you've never run into it before you have no idea what to even LOOK for when trying to solve it. You have to admit, it is pretty non-obvious first time you run into it. — Jeremy J Starcher
– Jeremy J Starcher, Commented Apr 17, 2014 at 12:56
@JeremyJStarcher Yes. No need for downvotes (or not too much). But now we should close it properly. — Denys Séguret
– Denys Séguret, Commented Apr 17, 2014 at 12:57

Felix · Accepted Answer · 2014-04-17 12:56:07Z

0

With jQuery, you can use:

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

Fiddle Demo

answered Apr 17, 2014 at 12:56

Felix

38.2k8 gold badges46 silver badges56 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Denys Séguret Over a year ago

This won't help OP learn how to solve this general class of problem

Felix Over a year ago

@dystroy Since you already post comments related to his problem, do I need to post it again in my answer?

Denys Séguret Over a year ago

note : I'm not the downvoter. If it works I don't see any good reason to downvote

Collectives™ on Stack Overflow

Binding for loop iterator values to callback functions in Javascript? [duplicate]

1 Answer 1

3 Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Linked

Related