Comment insérer dynamiquement des cellules dans des rangées existantes

Question

Je suis nouveau sur jquery et javascript.Voici si la case est cochée dans le premier tableau, j'ajoute les lignes à la deuxième table mais j'ai aussi besoin de cellules supplémentaires dans le même tableau rangée. J'essaye comme ça. Il duplique les cellules à chaque fois. J'ai inclus la capture d'écran de la sortie. Est-ce que quelqu'un peut m'aider s'il vous plait. Merci d'avance.

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

Il est donc assez simple, il vous suffit de passer à travers toutes les lignes (tr) et ajouter un td à elle.

$('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>