Klonen von iframe- und Inhaltsformularwerten

Question

Ich habe also ein Div, das einen iframe enthält, den ich mit JQuery klonen kann.

Der iframe src ist eine HTML-Seite, die ein Formular enthält.

Wenn ich das Div und den darin enthaltenen iframe klone, wird der iframe src aktualisiert und verliert alle geänderten Werte.

Kann ich den iframe und den aktuellen Status des Formulars klonen?

Im Wesentlichen, was ich am Ende mit ist zwei divs, die den gleichen iframe und gleichen Inhalt, mit dem Formular innerhalb der geklonten iframe zu behalten, was Werte vor dem Klonen festgelegt wurden.

Ist dies möglich?

Ich verwende Jquery .clone(true)

Der iframe src befindet sich auf der gleichen Domäne

EDIT: So sieht mein Code aus:

    $('.mybutton').click(function() {  

    $('#myapdiv').clone(true).appendTo('body');

Wenn ich auf eine Schaltfläche mit der Klasse "mybutton" klicke, wird das apDiv "myapdiv" geklont und an body angehängt.
"myapdiv" enthält einen iframe "iframe1".

Answer 1

Sie können in der Tat den Inhalt eines iframe abrufen, wenn er sich auf derselben Domäne befindet:

$(iframe).contents().find('body').html();

.html() kann ähnlich wie .clone() verwendet werden

Mit Clone können Sie dies tun:

$('#iframe').clone().appendTo('#somedestinationelement');

Mit html können Sie dies tun:

$(iframe).contents().find('body').clone().html().appendTo('#somedestinationelmment');