JQueryはIDでinnerHtmlだけでなく、全体のフォームを取得します

Question

現時点ではAJAXとCakePHPで問題が発生していますので、ちょっとした魔法を試してみたいと思います。基本的には、私は要素をエコーするとき、別のフォームの中にエコーしているので、入れ子になったフォームに終わります。入れ子になっているフォーム全体をつかむためにjqueryを使い、それが入れ子になっているフォームの外に移動したい。

私はそれだけで#hiddenpreviewにinnerHTMLプロパティを置く...それは

の欠落を意味

var frm = $('#prevmdform').html(); 
$('#prevmdform').remove(); 
$('#hiddenpreview').html(frm); 

を使用してみました

<form action='post' ..... > .... </form> 

innerHtmlだけでなく、上記を含むフォーム全体を取得するにはどうすればよいですか？

Answer 1

remove関数は、必要な全体の内容を返しますので、あなたの一時変数を移入代わりのためにそれを使用します.htmlをコール：あなたはdiv要素の中にフォームの内容を追加して、その後、あなたのFOを削除することができますjqueryのprepend()メソッドを使用することができます

var frm = $('#prevmdform').remove(); 
$('#hiddenpreview').html(frm); 

Answer 2

$('#prevmdform')[0].outerHTMLを使用して要素全体を取得できますが、実際にはJason Pの答えがここに移動する方法です。代わりに、HTMLでの作業の

Answer 3

、あなただけの要素を移動することができます。

$('#prevmdform').appendTo('#hiddenpreview'); 

https://jsfiddle.net/bvfa4qmp/

Answer 4

rmのように。

$("#context").prepend($('#yourForm').html()); 
 
$('#yourForm').remove(); 
 
console.log($("#context").html());

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 

 
<div id="context"> 
 
    <form id="yourForm"> 
 
    <input type="text" /> 
 
    </form> 
 
</div>