Q&A
javascriptにて、テーブルデータを表示する処理を作ってみたのですが、テーブル部分が表示されません。
html
1<!DOCTYPE html> 2<html lang="ja"> 3 <head> 4 <meta charset="utf-8"> 5 <title>rulet</title> 6 <script src="http://code.jquery.com/jquery-3.3.1.min.js"></script> 7 <script> 8 const MAX_SIDE = 4; 9 $(function(){ 10 var number = 1; 11 $('#contents').append('<table id="rulette_table></table>'); 12 for(var i = 1; i <=MAX_SIDE; i++){ 13 $('#rulette_table').append('<tr id="route_' + i + '"></tr>'); 14 for(var j = 1; j <= MAX_SIDE; j++){ 15 $('#route_' + j).append('<td id="num_' + j + '">' + number + '</td>'); 16 number++; 17 } 18 19 } 20 }); 21 22 23 </script> 24 </head> 25 <body> 26 <div id="wrap_contents"> 27 <div id="contents"></div> 28 <div id="btns"> 29 <button id="start">start</button> 30 <button id="stop">stop</button> 31 <button id="reset">reset</button> 32 </div> 33 </div> 34 35 </body> 36</html>
テーブルは4行で、1~16の数値が入る想定で、処理を書いてみました。
しかし、画面に表示されたのはボタン要素の部分のみでした。原因が分からない為教えて頂けましたら幸いです。
回答1件
0
ベストアンサー
とりあえず
<table id="rulette_table></table> ↓↓↓ <table id="rulette_table"></table>それと同じidが複数のタグに振られているのでその辺りロジックから見直したほうがよいでしょう
投稿2019/08/08 10:49
編集2019/08/08 10:52
総合スコア114779
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2019/08/08 10:52 編集
2019/08/08 10:53
2019/08/08 10:58