​​要素のx番号をforループの<tr>要素に追加するにはどうすればよいですか？ [jQueryの]

Question

私は動的に私は16個のテーブルの行要素を追加した場合私は何をしようとしていますが、その後、16のテーブルがある

$(document).ready(function() { 
    $('body').append('<table></table>'); 
    initial(); 
}); 

var input = 16 

function initial() { 
    for (i = 0; i < input; i++) { 
    $('table').append('<tr></tr>'); 
    $('tr').append('<td></td>'); 
    } 
} 

私のコードは、これまでのところではjQueryを通じて四角いテーブルを作成しようとしていますデータ要素が効果的に16×16のグリッドを作成することが

、それぞれに追加されます私の現在のコードはテーブルのみ の半分を作成し、それはSIMPLだ場合、私は申し訳ありません

のjQueryを介してこれをしなければなりませんEが、私少しばかだ

おかげ

Answer 1

次の2つのループ次々と確認する必要があります：あなたは毎回DOMを参照するので、テーブルを作成するための

$(document).ready(function() { 
    $('body').append('<table></table>'); 
    initial(); 
}); 

var input = 16 

function initial() { 
    for (i = 0; i < input; i++) { 
    $('table').append('<tr></tr>'); 
    } 
    for (j = 0; j < input; j++) { 
    $('tr').append('<td>content</td>');  
    } 
} 

ところでその間違った方法をこれは高価です。 。（ '​​'）追加

var input = 16 
function initial() { 
    var output = "<table>" 
    for (i = 0; i < input; i++) { 
    output += "<tr>"; 
    for (j = 0; j < input; j++) { 
     output += "<td>content</td>"; 
    } 
    output += "</tr>"; 
    } 
    output += "</table>" 
    $('body').append(output); 
}