如何在Jquery对话框中将一个div插入到另一个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 id="child-div"></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 id="child-div"></div>

如何在Jquery对话框中将子div插入父div，以及已添加的保存和取消按钮

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

或者如果希望子div成为第一个元素

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

您可以将其与对话框调用连接起来，如下所示：

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

或者如果希望子div成为第一个元素

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

您可以将其与对话框调用连接起来，如下所示：

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

尝试在javascript中使用

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

选中此选项，然后尝试在javascript中使用

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

---

选中此复选框，您可以尝试以下操作：

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

---

您可以尝试以下操作：

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