jquery 循环不工作

Question

为什么这有效:

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

但不是这个:

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

Answer 1

因为当循环结束且事件触发时，m 的全局值将设置为 8，您的 div 选择器将为 input[id="sel'+8+'"]'

您可以使用attribute selector with wild card来绑定(bind)事件。您可以通过从 id 中删除 div_sel 来从 id 获取索引，并使用该索引来制作输入的 id 并使用 id selector .

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