使用 Javascript 用 Parent Div 包裹一些 Child 元素

Question

如何在 Javascript 中用新的 parent div 包装可变数量的 child div？

<div class="child">1</div>  
<div class="child">2</div>  
<div class="child">3</div>  
<div class="child">4</div>  
<div class="child">5</div>

需要为一个用户在 1、2 和 3 周围放置一个 div 容器，为另一个用户在 3、4 和 5 周围放置一个容器，依此类推。 parent 容器将始终围绕连续的 child divs。

编辑：
已尝试 replaceChild 这对 1 child 但不是倍数有效。

Answer 1

您可以通过以下几种方法使用 .wrapAll():

$('.child:gt(1)').wrapAll('<div class="wrapper">'); // wraps 3, 4, and 5
$('.child:lt(3)').wrapAll('<div class="wrapper">'); // wraps 1, 2, and 3
$('.child').slice(1,4).wrapAll('<div class="wrapper">'); // wraps 2, 3, and 4

jsFiddle example

使用 Javascript 用 Parent Div 包裹一些 Child 元素

Wrap Some Child Elements with a Parent Div using Javascript

html

javascript

css

jquery

parent-child