用div包裹所有元素

问题描述：

我一直都在这个网站，但还没有找到我的答案。我试图将所有div封装到一个封装器中。到目前为止，我使用wrapAll所做的所有工作都是在每个div周围添加一个容器。我不想这样做。我有这个用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做什么？

可能重复[使用jQuery来包装div中的所有元素]（https://stackoverflow.com/questions/6856648/use-jquery-to-wrap-all-elements-in-a-div ） – SeinopSys

这不是重复的。如果你阅读我正在尝试做的事情，那么与其他文章不同。他正试图分开divs。我希望他们都包裹。 – Jamie

答

在这里，你去了一个解决方案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

答

jQuery中

.wrapAll API做到这一点

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

它似乎不适合我。 – Jamie

它正在工作，但不是它的目的。我正在使用wordpress和页面构建器。当我尝试这段代码时，它会占用页面上的每个元素并将其包装到同一个div中。所以，我想也许它是按照预期的方式工作的。我需要找出一种方法，使其仅适用于单个行。 – Jamie

为特定容器赋予id并运行 – Selvakumar

答

您可以使用此代码

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

我试过了，但没有奏效。那么，它确实如此，但是我不能在容器流体上做它，因为它击败了我想要做的事情。我试图修改你的版本，但有错误。 – Jamie

请评论你的错误 –

用div包裹所有元素

相关推荐