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/

＆＃13;

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

＆＃13;

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

＆＃13;

WrapAll Documentation

Answer 2

.wrap中的.wrapAll API执行此操作

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

Answer 3

您可以使用此代码

.css

用div包装所有元素

3 个答案: