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 绑定事件。您可以通过从id 中删除div_sel 来从id 中获取索引，并使用索引来制作输入ID 并使用id selector。

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