總結DIV元素

Question

例子：

<div id="id1">content</div> 
<div id="id2">content</div> 
<div id="id3">content</div> 
<div id="id4">content</div> 
<div id="id5">content</div> 

我期待展現

<div id="tobeReplaceLater"> 
    <div id="id1">content</div> 
    <div id="id2">content</div> 
    <div id="id3">content</div> 
    <div id="id4">content</div> 
</div> 
<div id="id5">content</div> 

這並不意味着是每個孩子的4，但它可能是一個動態，但關鍵是封裝id1和id4之間，任何專家知道如何做到這一點？

Answer 1

如果你有2個IDS然後

var from = 'id1', 
    to = 'id4'; 
$('#' + from).nextUntil('#' + to + ' + div').addBack().wrapAll('<div id="tobeReplaceLater"/>') 

演示：Fiddle

Answer 2

你也試試這個，http://jsfiddle.net/stanze/j2v9852d/1/

$(function() { 
    var all = $("div > div"); 
    for(var i = 0; i < all.length; i+=3) { 
     all.slice(i, i+3) 
     .wrapAll('<div class="wrapper"></div>'); 
    } 
})