ホーム

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/"/]

-ホーム

Copyright© off , 2020 All Rights Reserved Powered by AFFINGER5.