jQueryユーザー定義の動的表

Question

行数（<tr>タグ）と列数（<td>タグ）がユーザーによって入力された場合、どのように動的表を作成できますか？

また、各<td>タグに固有のIDがあることを確認する必要があります。

HTML：

私は、この動的テーブルを挿入する必要があり、私のhtmlコードで<div id=tabel> ... </div>を持っています。

Javascriptを：

var rows = content.rows, colums = content.columns, size = colums * rows, i; 
$("tabel").append("<table>"); 

for (i = 0; i < size; i += 1) { 

// make table with dynamic <tr> and <td> 

} 

コードの擬似コードやスニペットは私をたくさん役立つだろう！

Answer 1

ネストされたforループが必要です。ループ各行ループ内次に行列のための：

https://jsfiddle.net/g80hzjgn/2/

var rows, cols, domRow, domCol, 
    table = $('#table'), 
    cellId = 0; 

jQuery('#submit').click(function(){ 
    table.empty(); 
    rows = parseInt($('#row-input').val()); 
    cols = parseInt($('#col-input').val()); 

    for(var i = 0; i < rows; i++){ 
    domRow = $('<tr/>'); 
    for(var x = 0; x < cols; x++){ 
     domCol = $('<td/>',{ 
     'id': "cell-" + cellId++, 
     'text': 'cell' 
     }); 
     domRow.append(domCol); 
    } 
    table.append(domRow); 
    } 
});