javascript - 使元素成为父元素

Question

我有一个现有的 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
        })

现在我希望这个“form”元素成为现有“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});

Answer 1

你应该使用 wrap :

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

$("#maincontent").wrap(form);