克隆一个<form></form>标记并将其包装在现有内容周围? [英] Clone a <form></form> tag and wrap it around existing content?

问题描述

所以有一个现有的表单标签:

<form id="vCSS_mainform" onsubmit="javascript:return QtyEnabledAddToCart_SuppressFormIE();"action="/ProductDetails.asp?ProductCode=40124" name="MainForm" method="post">一堆内容

这个表单标签里面有一堆内容.我只需要获取它的元素，克隆它，然后将它包裹在页面上的另一个 TABLE 元素周围.

我不想复制表单标签中的任何内容.这可能吗?

我不能只做 $("p").wrapAll("");因为该表单操作包含不断变化的动态内容.所以我需要在用户所在的任何页面上找到表单标签并克隆那个确切的.

解决方案

var $clone = $('#vCSS_mainform').clone().empty().attr('id', 'newId');$('#vCSS_mainform').remove();//仅当您不再需要它时.$('#yourTable').wrap($clone);

注意:如果去掉原来的表单，则不需要为克隆设置新的id(不需要.attr('id', 'newId'))>

So There is an existing form tag as such:

<form id="vCSS_mainform" onsubmit="javascript:return QtyEnabledAddToCart_SuppressFormIE();" action="/ProductDetails.asp?ProductCode=40124" name="MainForm" method="post">Bunch of Content</form>

There is a bunch of content inside of this form tag. I need to take just the element of it, clone it, and wrap it around another TABLE element that I have on the page.

I don't want anything in the form tag to be cloned. Is this possible?

I can't just do $("p").wrapAll(""); because that form action contains dymanic content that changes. So i need to find the form tag on whatever page the user is on and clone that exact one.

解决方案

var $clone = $('#vCSS_mainform').clone().empty().attr('id', 'newId');
$('#vCSS_mainform').remove(); // only if you don't need it anymore.
$('#yourTable').wrap($clone);

note: if you remove the original form, you don't need to set a new id for the clone (no need of .attr('id', 'newId'))

这篇关于克隆一个<form></form>标记并将其包装在现有内容周围?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！