<table>による表の右端に1列追加する
$('<th></th>').text('最も右側の列')
.appendTo('#table1>thead>tr');
$('<td></td>').text('最も右側のデータ')
.appendTo('#table1>tbody>tr');
※ 上は#tableのtheadのtrの中の最後の横に追加という意味。
実行例
HTMLの一般的な表
表示例1 | 表示例1 |
データ11 | データ21 |
データ12 | データ22 |
データ13 | データ23 |
変更前のhtml
<table id="table1" border="1" cellspacing="0" cellpadding="5">
<caption>HTMLの一般的な表</caption>
<thead>
<tr><th>表示例1</th><th>表示例1</th></tr>
</thead>
<tbody>
<tr><td>データ11</td><td>データ21</td></tr>
<tr><td>データ12</td><td>データ22</td></tr>
<tr><td>データ13</td><td>データ23</td></tr>
</tbody>
</table>
変更後のhtmlはこのようになっていることになる
<table id="table1" border="1" cellspacing="0" cellpadding="5">
<caption>HTMLの一般的な表</caption>
<thead>
<tr><th>表示例1</th><th>表示例1</th><th>最も右側の列</th></tr>
</thead>
<tbody>
<tr><td>データ11</td><td>データ21</td><td>最も右側のデータ</td></tr>
<tr><td>データ12</td><td>データ22</td><td>最も右側のデータ</td></tr>
<tr><td>データ13</td><td>データ23</td><td>最も右側のデータ</td></tr>
</tbody>
</table>
左側に追加するときは、.prependTo を使う