javascript - JavaScript - スクリプト内の単語のリストから html テーブルまたはグリッドを作成する

Question

単語のリストを取得して、それらから html テーブルを作成するにはどうすればよいですか?

 <script>
   $('.wordcontainer').html('<ul><li></li></ul>');
   var listofwords = {"mat","cat","dog", "pit", "pot", "fog", "log", "pan", "can", "man"};
 </script>

Answer 1

$.each()を使用するだけです。

var listOfWords = ['foo', 'bar', 'sigma'];
var $list       = $('<ul/>');
$.each(listOfWords, function () { $list.append('<li>'+this+'</li>'); });

Answer 2

男は自分でそれを作ってみてください。毎回助けが得られるわけではありません。
幸運を祈ります

<script>
       $('.wordcontainer').html('<ul><li></li></ul>');
       var listofwords = ["mat","cat","dog", "pit", "pot", "fog", "log", "pan", "can", "man"];
       var stringTable = '';
      foreach(var word in listofwords)
      {
         stringTable += '<tr><td>'+word+'</td></tr>';
      }
    $("body").append('<table>'+stringTable+'</table>')
    });
     </script>

Answer 3

このようなものがうまくいくはずです。

var listOfWords = ["mat","cat","dog", "pit", "pot", "fog", "log", "pan", "can", "man"];
var innerTable = '';
for (var i = 0, len = listOfWords.length; i < len; i++) {
  innerTable += '<tr><td>'+listOfWords[i]+'</td></tr>';
}
$('<table>'+innerTable+'</table>').appendTo('body');

Answer 4

多分あなたのコードを変更してください：

var listofwords = ["mat","cat","dog", "pit", "pot", "fog", "log", "pan", "can", "man"];
var table = "<table>";
for (var i = 0; i < listOfWords.length; i++) {
   table += '<tr><td>'+listOfWords[i]+'</td></tr>';
}
table += "</table>";
$("body").append(table);