如何插入一個DIV到jQuery的對話框

Question

代碼中的另一個DIV父-DIV對話框：

   $("#parent-div").dialog({ 
        title: 'Parent', 
        width: parseInt(100, 100), 
        height: parseInt(190, 10), 
        modal: true, 
        buttons: [ 
           { 
            text: "Cancel", 
            click: function() { 
             $(this).dialog("close"); 
            } 
           }, 
           { 
            text: "Save", 
            click: function() { 
             $(this).dialog("close"); 
            } 
           } 
        ] 
       }); 

代碼兒童的div對話框：

<div id="child-div"></div> 

如何插入孩子的div爲母公司的div在jquery對話框中按鈕保存和取消哪些已經添加？

Answer 1

$("#parent-div").append($("#child-div")); 

，或者如果你想要孩子，DIV是第一要素

$("#parent-div").prepend($("#child-div")); 

你可以串與你的對話呼籲像這樣這樣一起：

$("#parent-div").dialog({ 
    // your options 
}).append($("#child-div")); 

Answer 2

嘗試使用JavaScript中appendChild() 。

var childDiv = document.getElementById("child-div"); 
document.getElementById("parent-div").appendChild(childDiv); 

入住這JSFiddle

Answer 3

你可以嘗試以下方法：

$('#child-div').appendTo('#parent-div');