jqueryで表に連番No.を追加したい

質問

こんにちは。

詳しい方教えてください。

先程タイトル通りtableに自動連番を追加したく、下記のページを参考にしました。
http://www.webopixel.net/javascript/328.html

しかし私の知識が乏しくうまくいきません。
何を追加すればうまく連番になりますでしょうか。

====================================================================

<script type="text/javascript">
$(function() {
$('.sample tr').each(function(i) {
if(i != 0) {
$(this).prepend('<td>'+ i +'</td>');
} else {
$(this).prepend('<th>No.</th>');
}
});
});
</script>
====================================================================
<table class="sample">
<tr>
<th rowspan="2">hoge</th>
<th rowspan="2">hoge</th>
<th colspan="4">hoge</th>
</tr>
<tr>
<th>a</th>
<th>b</th>
<th>c</th>
<th>d</th>
</tr>

<tr>
※ここに1からの連番を入れたいのです。
<td>hoge</td>
<td>hoge</td>
<td>hoge</td>
<td>hoge</td>
<td>hoge</td>
<td>hoge</td>
</tr>

<tr>
※連番２
<td>hoge</td>
<td>hoge</td>
<td>hoge</td>
<td>hoge</td>
<td>hoge</td>
<td>hoge</td>
</tr>
・
・
・
====================================================================

説明が下手でわかりにくくすみません・・・・。
是非詳しい方ご教示ください。

よろしくお願いいたします。

回答No.1

fujillin · ベストアンサー

表の形式をご提示のものだけに限定して良いのか不明ですが、とりあえず・・・

（全角空白は半角に）
$(function(){
　$('.sample tr').each(function(i){
　　if(i == 0) $(this).prepend("<th rowspan='2' valign='bottom'>No.</th>");
　　else if(i > 1) $(this).prepend("<td>" + (i-1) + "</td>");
　});
});

お礼

しょえーーーーー！
ありがとうございます！！
出来ましたぁぁぁぁぁ！！！！

勉強不足でお恥ずかしいです・・。
本当に助かりました（●＾o＾●）