Question

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

这是Firebug的主要HTML结构。我没有包含任何内部内容或任何内容，因为有很多内容。我问过类似的上一个问题，但它没有用。我希望我能得到以下工作。我需要“解开”您看到的FORM标签，但保留其中的内容。然后我需要采用相同的FORM标签并使其围绕在＆lt;＆lt; DIV ID =“TOP_NAV”＆gt;。

<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="/a/j/product_details.js" type="text/javascript">
<script src="/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();

打开表单标签

1 个答案: