用div包裹所有元素

Question

我浏览过这个网站但没有找到我的答案。我正在尝试将所有 div 包装到一个包装器中。到目前为止，我能使用wrapAll 做的就是在每个div 周围添加一个容器。我不想那样做。我有这个

 <div class="container-fluid">
     <div class="panel-cell">Content</div>
     <div class="panel-cell">Content</div>
     <div class="panel-cell">Content</div>
     <div class="panel-cell">Content</div>
 </div><!--END container-fluid-->

我需要把它变成这样

 <div class="container-fluid">
     <div class="container">
         <div class="panel-cell">Content</div>
         <div class="panel-cell">Content</div>
         <div class="panel-cell">Content</div>
         <div class="panel-cell">Content</div>
     </div><!--END container-->
 </div><!--END container-fluid-->

这可以用Jquery 来做吗？

Answer 1

这里有一个解决方案https://jsfiddle.net/woLzgvok/

$(".panel-cell").wrapAll("<div class='container'></div>");

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="container-fluid">
     <div class="panel-cell">Content</div>
     <div class="panel-cell">Content</div>
     <div class="panel-cell">Content</div>
     <div class="panel-cell">Content</div>
 </div><!--END container-fluid-->

包装所有文档