目次

06 jQuery テーブルに行を追加

HTML

<table id='t-body' border='1'>
    <tr>
        <th>商品名</th>
        <th>価格</th>
        <th>個数</th>
    </tr>
</table>

JavaScript


$("#t-body").append("<tr><td>りんご</td><td>150</td><td>3</td></tr>");
$("#t-body").append("<tr><td>みかん</td><td>100</td><td>5</td></tr>");