将第6列及其后面的所有列添加到<tr>的末尾

Question

1.克隆第n列及其后面的所有列
2.并添加到新创建的行

//1.克隆第n列及其后面的所有列
  var $cellsToClone = $('#feedingTable tr:eq(1) td:gt(6)').clone();//
  //2.新创建的行,将克隆的列添加到其尾部
  var $tr = '<tr><td></td><td><div style="margin-left:230px">Wait(min) <input type="text" placeholder="0"/></div></td><td><input type="button" value="Auto"/></td><td><input type="text" disabled/></td><td><input type="text" placeholder="0"/></td><td><input type="text" disabled/></td><td><input type="button" name ="addRowBtn" value="Del"/></td></tr > ';

Answer 1

本答案参考 多次询问 ChatGPT-3.5 后选择的最佳回答，若是满意，还请采纳，谢谢

以下是使用jQuery解决此问题的步骤：

1. 克隆列
   • 首先，我们已经有了克隆第6列及其后面所有列的代码：var $cellsToClone = $('#feedingTable tr:eq(1) td:gt(5)').clone();（注意在jQuery中，索引是从0开始的，所以第6列的索引是5）。
2. 创建新行并添加克隆的列
   • 对于创建新行并添加克隆列的部分，我们可以修改现有的代码。
   • 首先，我们创建一个新的<tr>元素。
   • 然后，将克隆的列添加到这个新的<tr>元素中。

以下是修改后的完整代码：

// 1. 克隆第6列及其后面的所有列
var $cellsToClone = $('#feedingTable tr:eq(1) td:gt(5)').clone();
// 2. 新创建的行，将克隆的列添加到其尾部
var $tr = $('<tr></tr>');
// 将已有的列添加到新行
$tr.append('<td></td><td><div style="margin - left:230px">Wait(min) <input type="text" placeholder="0"/></div></td><td><input type="button" value="Auto"/></td><td><input type="text" disabled/></td><td><input type="text" placeholder="0"/></td><td><input type="text" disabled/></td><td><input type="button" name ="addRowBtn" value="Del"/></td>');
// 将克隆的列添加到新行
$tr.append($cellsToClone);
// 将新行添加到表格中（这里假设表格的id是feedingTable）
$('#feedingTable').append($tr);

在上述代码中：

• 首先创建了一个空的<tr>元素$tr。
• 然后使用append方法将原有的列添加到新行中，这里按照原始代码中的列结构添加了前面的6列（虽然其中有些列只是简单的结构示例）。
• 接着再次使用append方法将克隆的列添加到新行的末尾。
• 最后将新创建的行添加到id为feedingTable的表格中。