jQuery克隆具有特定行类的表

Question

嘿，我该如何只克隆具有类“选择”的表行的名为teamselectiontable的表，并修改另一个表并将其内容替换为找到的表行。 但是将“行”的类名称保留在附加表中。

<table id="teamselectiontable">
  <tr class="chosen">content</tr>
  <tr class="something">content</tr>
  <tr class="something">content</tr>
  <tr class="something">content</tr>
  <tr class="something">content</tr>
  <tr class="chosen">content</tr>
  <tr class="chosen">content</tr>
</table>

到下面的表格。

<table id="talentselection">
  <tr class="row"></tr>
  <tr class="row"></tr>
  <tr class="row"></tr>
</table>

谢谢你的帮助。

Answer 1

$(".chosen").clone().attr("class","row").appendTo("#talentselection")

或者如果您要替换目标表的全部内容

$("#talentselection").html($(".chosen").clone().attr("class","row"));

请注意，您需要在表标记中添加tds才能使其正常工作

<tr><td class="chosen">content</td></tr>

Answer 2

假设我已经了解了您要执行的操作，则可以使用clone方法克隆所选元素，并使用appendTo方法将克隆附加到另一个元素中：

$("#teamselectiontable .chosen").clone().appendTo("#talentselection");

原始选择中的元素将不受影响。 请注意，以上代码以其当前形式不会克隆绑定到匹配元素的任何事件。 如果要克隆带有事件的元素，只需将true传递给clone方法。

更新 （请参阅评论）

要更改克隆元素上的类名，可以使用removeClass和addClass方法：

$("#teamselectiontable .chosen")
    .clone()
    .appendTo("#talentselection")
    .removeClass("chosen")
    .addClass("row");