jQueryの繰り返し処理

jQueryの繰り返し処理について書きます。
以下のhtmlのdiv要素に繰り返し処理で要素を追加します。

<div id="divId"></div>

var list = [ 'aaa', 'bbb', 'ccc' ];
var $div = $('divId');
$.each(list, function(i, value) {
    $div.append('<input type="text" id="textId' + i + '" value="' + value +'">';
});

配列ではなくjQueryオブジェクトの場合、以下のように記載することもできます。
また、コールバック関数の引数は省略でき、valueの変わりにthisを使用できます。

var list = [ 'aaa', 'bbb', 'ccc' ];
var $div = $('divId');
var i = 0;
$list.each(function() {
    $div.append('<input type="text" id="textId' + i + '" value="' + this +'">';
    i++;
});

いずれの場合もhtmlは以下のようになります。

<div>
    <input type="text" id="textId0" value="aaa">
    <input type="text" id="textId1" value="bbb">
    <input type="text" id="textId2" value="ccc">
</div>