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");