Оберните все элементы с помощью 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

API.wrapAll в jquery делает это

$(".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)