How can I clone a row in a table without cloning the values of the input elements inside it?

Question

I am trying to add a row to a table. I found that we can use the clone() method to duplicate an existing row. My table has two text inputs in it in two different <

Answer 1

The Given Above answer is Perfect but One thing is there missing the created rows dint not have the events that are aquired by previous created rows. so to clone identical rows with events we have to set property true .

see here......

  var newRow = $("#table-of-items     tr:last").clone(true).find(':input').val('').end();

  $("#table-of-items").append(newRow);

Note table-of-items is the name of table.

Answer 2

You can add this line after your given line to set the values of the input fields to blank:

$('#table-1 tr:last input').attr('value','');

or just:

$('#table-1 tr:last input').val('');

Answer 3

Try this:

var clone = $("#table-1 tr:last").clone().find('input').val('').end();

• .clone() the last <tr>
• .find() the <input> elements in the clone
• set the .val() of the <input> elements to '',
• call .end() so that the cloned <tr> is stored in the variable instead of the <input> elements.

If you intend to append it to the table immediately, add .insertAfter("#table-1 tr:last") to the end.

var clone = $("#table-1 tr:last").clone().find('input').val('').end().insertAfter("#table-1 tr:last");