jquery loop not working

Question

Why does this work:

var m = 1;
jQuery('#div_sel'+m).click(function() { 
    jQuery('input[id="sel'+m+'"]').val('blahblah'); 
});

but not this:

var m = 1; 
while (m < 8) {
    jQuery('#div_sel'+m).click(function() { 
        jQuery('input[id="sel'+m+'"]').val('blahblah');
    });
    m += 1;
}

common for loop variable scoping mistake. there must be a duplicate — user400654
– user400654, Commented Apr 9, 2013 at 15:33

Adil · Accepted Answer · 2013-04-09 15:40:56Z

5

Because the global value of m will be set to 8 when the loop finishes and when event is fired your div selector will be input[id="sel'+8+'"]'

You can use attribute selector with wild card to bind event. You can get the index from the id by removing div_sel from id and use the index for making id of input and use id selector.

jQuery('id^=div_sel]').click(function() { 
     index = this.id.replace('div_sel', '');
     jQuery('#sel'+ index).val('blahblah');
});

edited Apr 9, 2013 at 15:40

answered Apr 9, 2013 at 15:35

Adil

148k25 gold badges217 silver badges207 bronze badges

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

Collectives™ on Stack Overflow

jquery loop not working

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related