解開form標籤

Question

可能重複：
Clone a <form></form> tag and wrap it around existing content?

這是從螢火蟲主HTML結構。我沒有包含任何內容或任何內容，因爲它的內容很多。我問了一個類似的問題，但沒有奏效。我希望我能得到以下工作。我需要「解開」你看到的FORM標籤，但是保留它裏面的任何內容。然後我需要採用相同的FORM標籤，並使其環繞在< DIV ID =「TOP_NAV」>下方的表格中。

<div id="content"> 
<div id="top_nav"> 
<table cellspacing="0" cellpadding="0" border="0"> 
<tbody> 
<tr> 
<td id="nav_menu" class="bgcolor2 colors_background2 colors_background2_text" valign="top"> 
<td id="main_content" valign="top"> 
<script type="text/javascript"> 
<div id="content_area"> 
<script type="text/javascript"> 
<script src="https://stackoverflow.com/a/j/product_details.js" type="text/javascript"> 
<script src="https://stackoverflow.com/a/j/product_details.js" type="text/javascript"> 
<script type="text/javascript"> 
<form id="vCSS_mainform" onsubmit="javascript:return QtyEnabledAddToCart_SuppressFormIE();" action="/ProductDetails.asp?ProductCode=40124" name="MainForm" method="post"> 
<span class="PageText_L493n"></span> 
<br> 
</div> 
</td> 
</tr> 
</tbody> 
</table> 
</div> 

Answer 1

我想這個代碼會爲你做的工作。它可能會進行優化，我剛剛實施瞭解決方案，並將優化留給您。

// create a clone of the form element 
    var cloneForm = $("#vCSS_mainform").clone(); 

    // move the contents of the form to the outside div 
    $("#content_area").html(cloneForm.html()); 

    // replace the contents of the form with the contents of top_nav div 
    cloneForm.hide().html($("#top_nav").html()); 

    // set the top_nav div to contain the form and form's contents 
    $("#top_nav").html(cloneForm); 

    // show the form 
    cloneForm.show();