sample.js

javascriptでの即時関数を使ったforのループ変数の指定

/**
 * forの中のiはevent内部の関数からみたらグローバル変数になるので、forで最後まで回した値がchangeの中に入ってしまう。
 */


// 即時関数を使う
for (var i = 0; i < targetElArray.length; i++) {
	(function(_i){
		$('#' + targetElArray[_i]).change(function(event) {
			console.log(targetElArray[_i]);
			handleUploading(event, this.id);
		});
	})(i);
}

// this要素を使う 
for (var i = 0; i < targetElArray.length; i++) {
	$('#' + targetElArray[_i]).change(function(event) {
			console.log(this.id);
			handleUploading(event, this.id);
	});
}

即時関数の場合はchange関数に対して引数 i 渡していて、change関数内部では _i として扱う