Question

parent-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");
                                    }
                                }
                    ]
                });

child-div对话框的代码：

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

如何在Jquery Dialog中将子div插入父div以及已添加的按钮save和cancel？

Answer 1

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

或者如果你想让child-div成为第一个元素

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

您可以将此字符串与对话框调用一起编写，如下所示：

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

Answer 2

您可以尝试以下操作：

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

Answer 3

尝试在javascript中使用appendChild()。

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

选中此JSFiddle

如何在Jquery Dialog中将一个div插入另一个div

3 个答案: