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

像這樣的東西應該可以做到。

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 2

可能改變你的代碼：

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

Answer 3

只需使用$.each()。

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

Answer 4

夥計試着讓它自己。不是每次你都會得到幫助。
祝您好運

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