关于javascript：将元素作为父元素


Make element as parent element

我有一个现有的HTML as；

1
 

我正在动态创建一个jquery表单作为；

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

现在我希望这个"form"元素成为现有"mainContent"div的父元素

所以DOM应该是这样的；

1
2
3
4
5
6
<form>

           
           
   
</form>

如何使用jquery完成此操作？

另外，我在IE中获得了这一行的预期标识符(在Firefox中工作正常)；

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

您应该使用wrap：

1
2
3
4
5
6
7
var form = $("<" + items.type +"/>").attr({
    action: items.action,
    name: items.name,
   "class": items.attributes["class"]
});

$("#maincontent").wrap(form);
相关讨论

这里提供了一个很好的解决方案：如何使用jquery将子元素从一个父元素移动到另一个父元素。

代码如下：

1
2
3
4
5
6
7
8
9
10
11
(function($){
    $.fn.moveTo = function(selector){
        return this.each(function(){
            var cl = $(this).clone();
            $(cl).appendTo(selector);
            $(this).remove();
        });
    };
})(jQuery);

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