Créer une vraie copie d'un objet[html]
Bonjour,
Je cale sur un problème qui semble simple mais que je ne parviens pas à résoudre.
L'objectif est de :
récupérer l'ensemble du contenu html d'une page sous forme d'objet et d'en créer un copie.
de supprimer un div (rowTable)dans la copie
de mettre l'ensemble de la copie dans une vraie Popup
J'ai testé le code suivant, mais le problème est que le div (rowTable) est également supprimé dans l'objet d'origine (page).
Code:
1
2
3
4
5
6
7
|
var page = $('*');
var po = jQuery.extend(true, {}, page);
$(po).find('#rowTable').remove();
console.log($(page).html()); // ici le div rowTable à été supprimé (non voulu )
console.log($(po).html()); |
A l'issue de l'execution, le div rowTable est supprimé à la fois dans page et dans po.
Je comprend que j'ai obtenu une copie de page, mais en fait les pointeur sont les "mêmes".
Comment faire pour obtenir un objet à partir du contenu de la page qui soit une "vraie" copie n'ayant plus rien en commun avec celle d'origine, afin de supprimer des éléments sans altérer l'objet original?
Merci
