jquery クリック毎に連続したidを出力したい

質問

jQueryを使ってクリック毎にclass="box1",class="box2"の様な形でクリックイベント毎に連続したタグを含んだテキストを出力したいと考えています。

単独なら例えば、下の様な形で済みますが、クリック毎に連続してbox2,box3の様な形*1で出力したいのですが、出来なくて困っています。

<div id="gen">
<input type="button" value="boxgen">
</div>
<script>
$(function() {
$('#gen input').click(function() {
$('#main').append('<div id="box1">box1</div>');
});
});
</script>

*1
<div id="box1">box1</div>
<div id="box2">box2</div>
<div id="box3">box3</div>
<div id="box4">box4</div>
<div id="box5">box5</div>

是非お詳しい方ご教授下さい。

大熊屋

回答No.1

LancerVII · ベストアンサー

こんにちは。

$().ready ( function() {
var index = 0;
$('#gen input').click(function() {
index ++;
var $div =
$('<div />').
text ( 'box' + index ).
attr ( 'id', 'box' + index );
$('#main').append ( $div );
});
});
こんな感じでどうでしょうか。

お礼

ありがとうございます。
思っていた通りです。
勉強頑張ります。