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个ID，那么

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>');
    }
})

通过给定的选择器将DIV元素包装在2个DIV之间

2 个答案: