jquery - 用 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-->

WrapAll 文档

Answer 2

jquery 中的 .wrapAll API 执行此操作

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

Answer 3

你可以使用这个代码

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