wrap alle Elemente mit div

Question

Ich war schon überall auf dieser Seite, aber habe meine Antwort nicht gefunden. Ich versuche alle Divs in einen Wrapper zu verpacken. Bisher konnte ich mit wrapAll nur einen Container um jedes div herum hinzufügen. Ich will das nicht machen. Ich habe diese

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

ich es in diesem

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

drehen müssen Ist das möglich mit Jquery zu tun?

Answer 1

Hier können Sie mit einer Lösung gehen 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 2

.wrapAll API in jquery tut dies

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

Answer 3

Sie diesen Code verwenden können

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