Question

Is there a way to clone HTML elements using JQuery?

However, I want to be able to assign the cloned elements new attributes “id, name”. So if I had a textfield element, I want to clone it without its value and change its id and name attribute to “exmple2” if it was named “example” previously.

I would appreciate any help on this and any other implementation I can use to add more elements to my html form that already exists on the page.

Thanks all

Answer 1

Once you have a cloned element you can change it any way you want to

Updated: Didn’t notice that you wanted to change both name and id.

$("#example").clone()
             .attr({"id":"example2", "name":"example2"})
             .html("new content")
             .appendTo("#container");