創建一個使用循環創建HTML表的javascript函數

Question

我到目前爲止已經學習了HTML，現在變成了javascript。但我需要一些關於如何創建一個JavaScript函數的指導或例子，這將使用循環創建一個HTML表格。

例如，House（2,4）將返回一個由2行4列組成的HTML表。

有人可以幫助我，或者給我一個接近這個例子嗎？

Answer 1

你可以試試這個功能，你現在需要的是CSS添加到您的表

function createTable(rows,cols){ 
 
var table = $('<table><tbody>'); 
 
for(var r = 0; r < rows; r++) 
 
{ 
 
    var tr = $('<tr>'); 
 
    for (var c = 0; c < cols; c++) 
 
     $('<td>row'+ r +'cols'+ c +' </td>').appendTo(tr); 
 
    tr.appendTo(table); 
 
} 
 

 
table.appendTo('body'); 
 

 
} 
 

 
createTable(1,3)

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>