javascript - jQuery层在底部附加标签，而不是包围它的项目

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

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

main_panel_height = $('.main-panel')[0].scrollHeight;
                $layer = $('<div class="close-layer"></div>');
                $layer.css('height', main_panel_height + 'px');
                $layer.appendTo(".main-panel");

我将能够在主面板div中包围项目。

最佳答案

使用wrapInner

main_panel_height = $('.main-panel')[0].scrollHeight;
$layer = $('<div class="close-layer"></div>');
$layer.css('height', main_panel_height + 'px');
$('.main-panel').wrapInner($layer);

.close-layer {color:red;}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
<div class="main-panel">main panel</div>

关于javascript - jQuery层在底部附加标签，而不是包围它的项目，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/54459306/