こんにちは。
詳しい方教えてください。
先程タイトル通り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>
・
・
・
====================================================================
説明が下手でわかりにくくすみません・・・・。
是非詳しい方ご教示ください。
よろしくお願いいたします。
No.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>");
});
});
しょえーーーーー!
ありがとうございます!!
出来ましたぁぁぁぁぁ!!!!
勉強不足でお恥ずかしいです・・。
本当に助かりました(●^o^●)
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
関連するカテゴリからQ&Aを探す
おすすめ情報
- ・漫画をレンタルでお得に読める!
- ・人生のプチ美学を教えてください!!
- ・10秒目をつむったら…
- ・あなたの習慣について教えてください!!
- ・牛、豚、鶏、どれか一つ食べられなくなるとしたら?
- ・【大喜利】【投稿~9/18】 おとぎ話『桃太郎』の知られざるエピソード
- ・街中で見かけて「グッときた人」の思い出
- ・「一気に最後まで読んだ」本、教えて下さい!
- ・幼稚園時代「何組」でしたか?
- ・激凹みから立ち直る方法
- ・1つだけ過去を変えられるとしたら?
- ・【あるあるbot連動企画】あるあるbotに投稿したけど採用されなかったあるある募集
- ・【あるあるbot連動企画】フォロワー20万人のアカウントであなたのあるあるを披露してみませんか?
- ・映画のエンドロール観る派?観ない派?
- ・海外旅行から帰ってきたら、まず何を食べる?
- ・誕生日にもらった意外なもの
- ・天使と悪魔選手権
- ・ちょっと先の未来クイズ第2問
- ・【大喜利】【投稿~9/7】 ロボットの住む世界で流行ってる罰ゲームとは?
- ・推しミネラルウォーターはありますか?
- ・都道府県穴埋めゲーム
- ・この人頭いいなと思ったエピソード
- ・準・究極の選択
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
JavaScriptで特定のtdタグにcla...
-
テーブルの変数について
-
特定<table>内の<td>の色を変える
-
ハイパーリンクを別ウインドウ...
-
階層式メニューをtableタグ内に
-
マウスをブラウザの外に出した...
-
jquery datatablesを使用 イン...
-
テーブル行のクリックでチェッ...
-
ドラッグ&ドロップしたらその...
-
一覧から選択した行の行番号を...
-
return trueとreturn falseの用...
-
【jQuery】input nameの文字列...
-
onClickとsubmitの処理順序
-
onclickで2個指定するには?
-
チェックボックス付きのテーブ...
-
Selectボックスの幅を自動で広...
-
プルダウン選択を変更すると、...
-
プルダウン 項目が多いので先頭...
-
value内に変数を入れたい
-
slickのレスポンシブ > center...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
特定<table>内の<td>の色を変える
-
JavaScriptで特定のtdタグにcla...
-
tableの任意行にfocusをあてる
-
ハイパーリンクを別ウインドウ...
-
一覧から選択した行の行番号を...
-
チェックボックスにチェックが...
-
プルダウンで選択すると、DBの...
-
至急!GetElementById でtdの...
-
【UWSC】HTML内のある部分を抽...
-
セルをドラッグで選択するときに、
-
マウスをブラウザの外に出した...
-
「オブジェクトは、このプロパ...
-
JavaScriptでテーブルの行入れ替え
-
HTML中のTABLEのデータを抽出す...
-
jquery datatablesを使用 イン...
-
テーブルの変数について
-
javascript クリックすると、あ...
-
別ページからOnclickでテーブル...
-
スクロールバーの表示位置を変...
-
JSで、テーブルのある行のみ、...
おすすめ情報