jQuery 'change' event inside loop not working

Question

How is it that the first event bind works for all the submit buttons, yet the second applys the css only for the last one, regardless of what form it is listening to?

for (var i=0; i < len; i++) {
    var divI = "ind-" + i;
    var formID = document.forms["form-" + i];

    $(formID).bind("submit", validate);
    $(formID).bind("change", function(){
        $('#' + divI).css("background-color","green");
    });
}

@Marcus Was it really necessary to edit this? You've revived a question from 8 years ago. — Tyler Roper
– Tyler Roper, Commented Jan 15, 2019 at 21:34
Necessary? No. Value added? Yes. I had a slightly hard time reading the code so I just cleaned up the whitespace a bit. Have I caused you grief somehow? — Marcus
– Marcus, Commented Jan 16, 2019 at 22:02

Community · Accepted Answer · 2017-05-23 09:59:56Z

1

It closure. Check this one jquery and javascript's closure

edited May 23, 2017 at 9:59

CommunityBot

11 silver badge

answered May 21, 2011 at 10:59

George Kastrinis

5,2525 gold badges32 silver badges48 bronze badges

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

4 Comments

ilyo Over a year ago

Thanx @George Kastrinis, but what exactly is closure?

George Kastrinis Over a year ago

Closure is a combination of a function and some elements from its environment. Closure on wikipedia In your case, you have a function for 'change' but it uses divI which is not defined inside the function. It is defined in the function's environment.

ilyo Over a year ago

OK thanx, I see from your link how to fix it, but why does it fail initially?

George Kastrinis Over a year ago

Check the last comment on the above link. "No, the closure gives access to the parent's variable i, which by the time the click() event is called, has beens set to 5"

Collectives™ on Stack Overflow

jQuery 'change' event inside loop not working

1 Answer 1

4 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related