2

私は既存の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});
4

2 に答える 2

4

使用する必要がありますwrap：

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

$("#maincontent").wrap(form);
于 2013-01-30T13:24:52.660 に答える
0

優れたソリューションがここに提供されています：jQueryを使用して子要素をある親から別の親に移動する方法。

コードは次のとおりです。

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

$('#maincontent').moveTo('[FormSelectorHere]');
于 2013-01-30T13:27:24.167 に答える