動的に既存の行にセルを挿入する方法

Question

私はjqueryとjavascriptの初心者です。最初のテーブルでチェックボックスが選択されている場合、2番目のテーブルに行を追加していますが、行。私はこのようにしています。それは毎回細胞を複製する。私は出力のスクリーンショットを含めました。誰でも助けてくれますか？前もって感謝します。

function table2() 
{ 
$('#one').on("click", function(){ 
    $('#one tbody input:checked').parent().parent().appendTo("#two"); 
    $('#two tr').append('<td> </td>','<td> </td>','<td> </td>', '<td> </td>','<td> </td>','<td> </td>','<td> </td>','<td> </td>','<td> </td>'); 
}); 

https://jsfiddle.net/95uq7pz3/

Answer 1

だから、あなただけのすべての行（TR）を通過し、それにTDを追加する必要があり、非常に簡単です。

$('button').click(function() { 
 
    $('table').find('tr').each(function(i) { 
 
    $(this).append('<td>' + i + '</td>'); 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<table border="1"> 
 
    <tr> 
 
    <td>_0</td> 
 
    </tr> 
 
    <tr> 
 
    <td>_1</td> 
 
    </tr> 
 
</table> 
 
<br> 
 
<button>Add a column</button>