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

Пожалуйста, обратите внимание, что вам нужно ТДС в таблице разметки для этой работы

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

Answer 2

Предполагая, что я понял, что вы пытаетесь сделать, вы можете использовать метод clone для клонирования выбранных элементов, а также метод appendTo для добавления клонов в другой элемент:

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

Элементы, в исходном выборе не будет затронуто. Обратите внимание, что в его текущей форме вышеуказанный код не будет клонировать любые события, связанные с согласованными элементами. Если вы хотите клонировать элементы со своими событиями, просто передайте true в метод clone.

Update (см комментарии)

Чтобы изменить имя класса на клонированных элементов, вы можете использовать removeClass и addClass методы:

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