用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做什麼？

來源

2017-08-09 Jamie

可能重複[使用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

來源

2017-08-09 04:03:30 Shiladitya

jQuery中

.wrapAll API做到這一點

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

來源

2017-08-09 04:01:20 Selvakumar

它似乎不適合我。 – Jamie

它正在工作，但不是它的目的。我正在使用wordpress和頁面構建器。當我嘗試這段代碼時，它會佔用頁面上的每個元素並將其包裝到同一個div中。所以，我想也許它是按照預期的方式工作的。我需要找出一種方法，使其僅適用於單個行。 – Jamie

爲特定容器賦予id並運行 – Selvakumar

您可以使用此代碼

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

來源

2017-08-09 04:22:28

我試過了，但沒有奏效。那麼，它確實如此，但是我不能在容器流體上做它，因爲它擊敗了我想要做的事情。我試圖修改你的版本，但有錯誤。 – Jamie

請評論你的錯誤 –

用div包裹所有元素

回答

相關問題