jQuery wrap和wrapAll之间的区别

Question

jQuery .wrap和.wrapAll有什么区别？他们几乎做同样的事情,但可能有什么区别？

Answer 1

请注意说明中的差异:

.wrap():围绕匹配元素集中的每个元素包装HTML结构. .wrapAll():围绕匹配元素集中的所有元素包装HTML结构.

.wrap()单独包装每个元素,但.wrapAll()将所有元素作为一个组包装.

例如:

<div class="foo"></div>
<div class="foo"></div>
<div class="foo"></div>

有了$('.foo').wrap('<div class="bar" />');这种情况:

<div class="bar"><div class="foo"></div></div>
<div class="bar"><div class="foo"></div></div>
<div class="bar"><div class="foo"></div></div>

但是$('.foo').wrapAll('<div class="bar" />');,这发生了:

<div class="bar">
  <div class="foo"></div>
  <div class="foo"></div>
  <div class="foo"></div>
</div>