Clona un div e cambia gli ID di esso e tutti i suoi figli per essere unici

Usando JQuery è ansible clonare un Div come questo e cambiare aggiungere un nuovo identificatore al suo ID e tutti i suoi ID figli?

Per esempio mi piacerebbe essere in grado di clonare questo:

Jane Doe
John Doe

E assomiglia a questo:

 
Jan Doe
John Doe

O dovrei semplicemente ripensare la mia struttura e usare gli attributi rel e le dichiarazioni di class riutilizzabili?

Grazie,

Tegan Snyder

 $("#current_users").clone(false).find("*[id]").andSelf().each(function() { $(this).attr("id", $(this).attr("id") + "_cloned"); }); 

E guarda i tuoi eventi se ce ne sono in allegato. Dovrai risolverli se si basano su id.

A meno che non sia effettivamente necessario identificare in modo univoco ciascuno di questi DIV clonati via codice, sostituirei l’ID con classi riutilizzabili. Altrimenti, la risposta di David Morton sembra che potrebbe fare il trucco.