電子書籍の厳選無料作品が豊富!

こんにちは。

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

先程タイトル通り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>
※連番2
<td>hoge</td>
<td>hoge</td>
<td>hoge</td>
<td>hoge</td>
<td>hoge</td>
<td>hoge</td>
</tr>



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

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

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

A 回答 (1件)

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




(全角空白は半角に)
$(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>");
 });
});
    • good
    • 0
この回答へのお礼

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

勉強不足でお恥ずかしいです・・。
本当に助かりました(●^o^●)

お礼日時:2014/06/04 13:36

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!