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'); 
});