Javascript 使元素作为父元素

我有一个现有的HTML作为

<div id="maincontent">
        <div id="firstname_lbl"></div>
        <div id="firstname_fld"></div>
</div>

我正在动态创建jQuery表单，如下所示：

$('<' + items.type + '/>').attr({
        "action": items.action,
         "name": items.name,
         "class": items.attributes.class
        })

现在我希望这个表单元素成为现有maincontent div的父元素

因此DOM应该是这样的

<form>
<div id="maincontent">
            <div id="firstname_lbl"></div>
            <div id="firstname_fld"></div>
    </div>
</form>

如何使用jQuery实现这一点

此外，我在IE中获得了预期的标识符，因为这一行在Firefox中运行良好

var formEle = $('<' + items.type + '/>').attr({
        "action": items.action,
         "name": items.name,
         "class": items.attributes.class});

你应使用：

你应使用：

---

这里提供了一个很好的解决方案：

代码如下：

(function($){
    $.fn.moveTo = function(selector){
        return this.each(function(){
            var cl = $(this).clone();
            $(cl).appendTo(selector);
            $(this).remove();
        });
    };
})(jQuery);

$('#maincontent').moveTo('[FormSelectorHere]');

---

这里提供了一个很好的解决方案：

代码如下：

(function($){
    $.fn.moveTo = function(selector){
        return this.each(function(){
            var cl = $(this).clone();
            $(cl).appendTo(selector);
            $(this).remove();
        });
    };
})(jQuery);

$('#maincontent').moveTo('[FormSelectorHere]');

---

Thx很多…在我创建表单的地方可能有链接吗？@testndtv不幸的是，在jQuery中没有像wrapAroundsmth这样的方法。@testndtv：您可以使用表单。附加$maincontent，然后继续与表单链接。或者你可以用上面的包裹，但是没有额外的表单变量。@testndtv类在IE中是一个保留字。这就是为什么最初我在回答中用引号括起类。Thx很多…在我创建表单的地方可能有一些链接吗？@testndtv不幸的是，在jQuery中没有像wrapAroundsmth这样的方法。@testndtv:您可以使用表单。追加$maincontent，然后继续链接有形式。或者您可以使用上面的换行符，但不需要额外的表单变量。@testndtv类在IE中是一个保留字。这就是为什么最初我在答案中用引号引类的原因。