jQueryで自動的にテーブルを作る - Javascript

環境

• Javascript
• Jquery
• html

説明

tbaleタグを一つだけhtmlに作っておいて、動的にtrとtdを追加していくコードです。

実装

なんてことはありません。

html

<table id="game_table" border="1">

jQuery

var i;

for (i = 0; i < 10; i++) 
{
    var tr = $("<tr></tr>")
    var ii;
    for (ii = 0; ii < 10; ii++) 
    {
    tr.append(`<th>Firstname</th>`)
    }

$('#game_table').append(tr)
}

実行

[urlpreviewbox url="https://jsfiddle.net/ryosukehujisawa/6m3Lbc49/"/]

Tweet

Pocket

Share on Tumblr