Is it possible to Clone HTML Elements in jQuery with new ID and Name?

Question

I want to clone one row of a table, but when I clone, the new element\'s name and id will be the same as the element from which it was cloned.

Answer 1

You can do something like:

var x = $("#selector").clone();

x.find('#oldID1').attr({id: "newID1", name: "newName1"});
x.find('#oldID2').attr({id: "newID2", name: "newName2"});
...

Once its done, you can append x to wherever you want.

Pls note that the #selector above refers to your table row element.