ホーム

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

0
0

環境

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

Pocket
LinkedIn にシェア

  • この記事を書いた人
  • 最新記事

藤沢瞭介(Ryosuke Hujisawa)

りょすけと申します。18歳からプログラミングをはじめ、今はフロントエンドでReactを書いたり、AIの勉強を頑張っています。off.tokyoでは、ハイテクやガジェット、それからプログラミングに関する情報まで、エンジニアに役立つ情報を日々発信しています!

-ホーム

Copyright© off.tokyo , 2021 All Rights Reserved Powered by AFFINGER5.