如何动态插入现有行中的单元格

时间:2017-07-18 05:16:10

标签: javascript jquery html css web

enter image description here我是jquery和javascript的新手。如果在第一个表中选中了复选框,我将行添加到第二个表中,但我需要在同一行中还有一些额外的单元格。我这样想。它每次都复制细胞。我已经包含了输出的截图。谁能帮帮我吗。提前致谢。

 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/

1 个答案:

答案 0 :(得分:1)

所以它很简单,你只需要遍历每一行(tr)并附加一个td。

&#13;
&#13;
$('button').click(function() {
  $('table').find('tr').each(function(i) {
    $(this).append('<td>' + i + '</td>');
  });
});
&#13;
<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>
&#13;
&#13;
&#13;