JavaScript - 通过脚本中的单词列表创建html表格或网格

问题描述：

如何获取单词列表并从中创建html表格？JavaScript - 通过脚本中的单词列表创建html表格或网格

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

的通过编写代码？显示你的尝试，我们会尽力帮助解决它，但我们不会为你写这个。 – 2012-07-12 10:56:57

首先解决您的语法错误 – Andreas 2012-07-12 10:58:05

而且，在给定输入的情况下，输出应该是什么？ 'table'中有多少列和行？为什么是表格而不是列表？ – 2012-07-12 10:58:40

答

像这样的东西应该可以做到。

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

答

可能改变你的代码：

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

答

只需使用$.each()。

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

答

伙计试着让它自己。不是每次你都会得到帮助。
祝您好运

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

JavaScript - 通过脚本中的单词列表创建html表格或网格

相关推荐