How to make table use Jquery – Javascript

environment

  • Javascript
  • Jquery
  • html

Description

It is a code to dynamically add tr and td, making only one tbale tag in html.

Implementation

it is easy

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)
}

 

Execution

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

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

未整理記事