Erstellen von Tabelle in jQuery

Question

Ich möchte eine Tabelle mit der gleichen Anzahl von Zeilen und Spalten erstellen, aber etwas funktioniert nicht. Könnte jemand bitte meinen Code überprüfen?

Code:

$(document).ready(function(){ 
    var table = $("<table></table>"); 
    var columns = 16; 
    var rows =16; 
    for (var x = 0; x < rows; x++) { 
     $("<tr></tr>").appendTo(table); 
     for (var y = 0; y < columns; y++) { 
      $("<td></td>").appendTo($("<tr></tr>")); 
     } 
     table.appendTo(".container"); 
    } 
}); 

Jsfiddle

Answer 1

Sie müssen die Zeile als Variable zu speichern, es mit Zellen jedes Mal zu füllen. Dann müssen Sie die Zeile an die Tabelle anhängen, nachdem Sie die Zellen durchlaufen haben. Wenn Sie die Tabelle an das Element .container anhängen, müssen Sie dies tun, nachdem auch die Zeilenschleife abgeschlossen ist. Hier ist Ihr neuer Code:

$(document).ready(function(){ 
    var table = $("<table border='1'>"); 
    var columns = 16; 
    var rows =16; 
    for (var x = 0; x < rows; x++) { 
    var row = $("<tr>"); 
    for (var y = 0; y < columns; y++) { 
     row.append("<td>"); 
    } 
    row.appendTo(table); 
    } 
    table.appendTo(".container"); 
}); 

und eine Arbeits Geige: https://jsfiddle.net/79Ly3tk1/