复制多个Tds

时间:2016-06-07 15:13:30

标签: javascript jquery html

我有一个包含3列和6行的表。我想将其中一些内容复制到新创建的列中,但将它们插入中间。所以它看起来像那样:

enter image description here

有了这个方法:

Enumeration

我得到了那个结果:

enter image description here

因此,新列应插入最左侧列和$("table td:nth-child(2) [id$=2]").each(function(i) { var $newCell = $(this).wrap('<td></td').parent(); var $newRow = $("table td:nth-child(2) [id$=1]").eq(i).parents('tr'); $(this).parents('tr').remove(); $newRow.append($newCell); }); $("table td:nth-child(2) [id$=3]").each(function(i) { var $newCell = $(this).wrap('<td></td').parent(); var $newRow = $("table td:nth-child(2) [id$=1]").eq(i).parents('tr'); $(this).parents('tr').remove(); $newRow.append($newCell); }); 列之间而不是最右侧。

FIDDLE

1 个答案:

答案 0 :(得分:1)

要在表格中间插入一些内容,您可以使用before()after()。例如,我们希望在Abc项之前插入新单元格,因此您可以使用以下代码在Abc是最后一个{{ 1}} 的):

td

Fiddle Here

如果您想更具体,可以在选择器中按照文本指定元素。因此,在这种情况下,您可以在包含文本// Find the last element, and add the new cell before it. $newRow.find("td:last").before($newCell);

td元素之前说明
'Abc'