Javascript JQuery层在底部附加标记，而不是将其包围'；s项目

我试图用div来包围主面板中的所有项目，但是div只是附加在类的底部

我还试着使用下面的代码，但结果是div主面板项没有被div close layer包围，而是像您在屏幕上看到的那样将其附加到底部

main_panel_height=$（'.main panel'）[0]。滚动高度；
$layer=$（''）；
$layer.css（'height'，main_panel_height+'px'）；
$layer.appendTo（“.主面板”）；

我可以在主面板div中包围项目。

使用jQuery包装元素通常是最好的方式：

main_panel_height=$（'.main panel'）[0]。滚动高度；
$layer=$（''）；
$layer.css（'height'，main_panel_height+'px'）；
$（'.main panel'）.wrap（$layer）

使用主面板通常是使用jQuery包装元素的最佳方式：


main_panel_height=$（'.main panel'）[0]。滚动高度；
$layer=$（''）；
$layer.css（'height'，main_panel_height+'px'）；
$（'.main panel'）.wrap（$layer）

主面板
使用包装器


main_panel_height=$（'.main panel'）[0]。滚动高度；
$layer=$（''）；
$layer.css（'height'，main_panel_height+'px'）；
$（'.main panel'）.wrapInner（$layer）
.close层{颜色：红色；}

主面板
使用包装器


main_panel_height=$（'.main panel'）[0]。滚动高度；
$layer=$（''）；
$layer.css（'height'，main_panel_height+'px'）；
$（'.main panel'）.wrapInner（$layer）
.close层{颜色：红色；}

主面板
您可能需要使用appendTo函数（添加到元素末尾）：

范例


main_panel_height=$（'.main panel'）[0]。滚动高度；
$layer=$（''）；
$layer.appendTo（“.主面板”）；
$layer.css（'height'，main_panel_height+'px'）；
$layer.css（'color'，'red'）；
$（“.content”）.appendTo（$（“.close layer”）；
$（“.footer”）.appendTo（$（.close层”）

主要的
内容
页脚
您可能需要使用appendTo函数（添加到元素末尾）：

范例


main_panel_height=$（'.main panel'）[0]。滚动高度；
$layer=$（''）；
$layer.appendTo（“.主面板”）；
$layer.css（'height'，main_panel_height+'px'）；
$layer.css（'color'，'red'）；
$（“.content”）.appendTo（$（“.close layer”）；
$（“.footer”）.appendTo（$（.close层”）

主要的
内容
页脚
您听说过wrap函数吗？您听说过wrap函数吗？
main_panel_height = $('.main-panel')[0].scrollHeight;
                $layer = $('<div class="close-layer"></div>');
                $layer.css('height', main_panel_height + 'px');
                $layer.appendTo(".main-panel");

$("#source").appendTo("#destination");