Question

Hey how can I clone the table named teamselectiontable with just the table rows that have the class “chosen”, and modify another table and replace its contents with the table rows found. But keeping the class names of “row” in the appended table.

<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>

To a table like below.

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

Thanks for any help.

Answer 1

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

or if you want to replace the whole contents of the target table

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

Please note you need tds in your table markup for this to work

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