在几个元素周围使用.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/