Javascriptのfor文でセレクタと値をループする

Question

###前提・実現したいこと
連続するボタンのidから値を取得し、onclickで代入したい

###ソース

<button type="button" id="test1">1を代入</button>
<button type="button" id="test2">2を代入</button>
<button type="button" id="test3">3を代入</button>
<button type="button" id="test4">4を代入</button>
<button type="button" id="test5">5を代入</button>
<input type="text" id="inputelem">

<script src='//code.jquery.com/jquery-2.1.3.min.js'></script>
<script>
var num = [1,2,3,4,5];
for(var i of num) {
	$('#test'+i).on("click", function(){
		$('#inputelem').val(i);
	});
}
</script>

###結果
全てのbuttonでonclickイベントは起こるのですが、どれをonclickしてもvalに配列最後の値（ここでは5）が代入されます。
前述の通り、それぞれの値をonclick時に代入したいのですが、どうにもうまい発想が出来ず詰まってしまいました。
なにとぞご指導の程お願いします。

Answer 1

そのようになっているのは、クリックされて、

$('#inputelem').val(i);

が走る時点では、ループの最後にiに代入される、5がiに入っているからです。
以下のように、ループのたびにボタンに値をセットしておいて、クリックされた時にボタンから値を取得して、inputにセットするなどの解決策があります。

<button type="button" id="test1">1を代入</button>
<button type="button" id="test2">2を代入</button>
<button type="button" id="test3">3を代入</button>
<button type="button" id="test4">4を代入</button>
<button type="button" id="test5">5を代入</button>
<input type="text" id="inputelem">

<script src='//code.jquery.com/jquery-2.1.3.min.js'></script>
<script>
var num = [1,2,3,4,5];
for(var i of num) {
    $('#test'+i).val(i)
    $('#test'+i).on("click", function(){
$('#inputelem').val($(this).val());
    });
}
</script>

Comments

[takepieee]

ありがとうございます。
この発想に至りませんでした。感謝です。

Answer 2

jQuery('[id^=test]').on('click', function (event) {
  jQuery('#inputelem').val(event.target.id.replace(/^test/, ''));
});

構造を変えてclass属性にしたり、親要素で .on() すれば更にスマートになります。

Re: takepieee さん

Comments

[takepieee]

ありがとうございます。
アドバイスも頂き感謝です。

Answer 3

あれ、なんでみなさん普通の回答をしないんです？

for(var v of num) {
    let i = v;
    $('#test'+i).on("click", function(){
        $('#inputelem').val(i);
    });
}

または、

for(var i of num) {
    (function(i){
        $('#test'+i).on("click", function(){
            $('#inputelem').val(i);
        });
    })(i)
}

Comments

[takepieee]

ベストアンサーを出した直後に投稿をいただきました。
完璧です。ありがとうございました。