jquery - 在多个元素周围使用 .wrap()

Question

我需要在类 .item 的项目周围添加另一个 div

<div id="container">
    <div class="item">Item 1</div>
    <div class="item">Item 2</div>
    <div class="item">Item 3</div>
</div>



<div id="container">
  <div id="wrapper">
    <div class="item">Item 1</div>
    <div class="item">Item 2</div>
    <div class="item">Item 3</div>
  </div>
</div>

我遇到了 .wrap() 但它包装了该 div 中的每个 .item。如何为群组添加一个？

Answer 1

jQuery 有一个 wrapAll将包装所选项目的函数。

$("#container div").wrapAll("<div id='wrapper'>");

演示:http://jsfiddle.net/zaAmN/