用 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

.wrapAll API in jquery 这样做

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

Answer 2

给你一个解决方案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-->

WrapAll Documentation

Answer 3

您可以使用此代码

var html = $(".container-fluid").html()
var temp = "<div class='container'>"+html+"</div>"
$(".container-fluid").html(temp)

用 div 包裹所有元素

wrap all elements with div

html

jquery

wrapall