Question

我有这个HTML：

<div id="description">
  <h5>Title</h5>
  <p>First paragraph</p>
  <p>Second paragraph</p>
  <p>Third paragraph</p>
</div>

我想用jQuery插入除第一个元素之外的所有<p>元素的父元素。所以我想要生成的HTML是：

<div id="description">
  <h5>Title</h5>
  <p>First paragraph</p>
  <div class="details">
    <p>Second paragraph</p>
    <p>Third paragraph</p>
  </div>
</div>

jQuery中的.wrap()函数可以添加父项，但如果我这样使用它：

$("#description p:not(:first)").wrap('<div class="details" />');

它会单独包装所有<p>。

我有什么方法可以修改我的选择器以将<div>放在“群组”周围吗？或者使用我不知道的不同功能可能更容易？

谢谢！

Answer 1

所以你正在寻找.wrapAll()方法。

$("#description p").not(":first").wrapAll('<div class="details" />');

参考：.wrapAll()

如何将父元素添加到一组段落中？

1 个答案: