Question

Using jQuery, how can I create a clone of a Row which has display: none as its style, and append to the end of the tbody?

My table is:

<table>
  <tbody>
   <tr id="tRow0" style="display : none ;">
      <td>  // Some contents (textbox,dropdown etc..)
     </td>
   </tr>
 </tbody>
</table>

I want to create a clone of the hidden row and append to the Table. This new row should be visible to screen.

Answer 1

$('#tRow0').clone().show().appendTo( $('#tRow0').parent() );