如何在 jQuery 中使用 .wrapAll() ？

Question

我需要找到所有 div 中具有 someClass 类的所有 p 标签，并用另一个 div 包装它们。开始标记如下所示：

<div class="someClass">
  // Lots of different tags generated by the site
  <p>Some text</p>
  <p>Some text</p>
  <p>Some text</p>
  <p>Some text</p>
</div>

<div class="someClass">
  // Lots of different tags generated by the site
  <p>Some text</p>
  <p>Some text</p>
</div>

会变成：

<div class="someClass">
  // Lots of different tags generated by the site
  <div class="bla">
    <p>Some text</p>
    <p>Some text</p>
    <p>Some text</p>
    <p>Some text</p>
  </div>
</div>

<div class="someClass">
  // Lots of different tags generated by the site
  <div class="bla">
    <p>Some text</p>
    <p>Some text</p>
  </div>
</div>

有什么想法吗？当我尝试使用 .each() 时：对于每个具有 someClass 类的 div ，包装所有 p 标签，但它只是将它们全部包装在顶部 div 中。

Answer 1

你试过这个吗？

$('div.someClass p').wrapAll(...);

还是这个？

$('div.someClass').each(function() {
  $(this).find('p').wrapAll(...);
});

编辑

查看您发布的代码后，这似乎是一个语法问题。您需要在这一行中加上引号：

$(this).find('p').wrapAll(<div class='toggle'></div>);

它应该是：

$(this).find('p').wrapAll("<div class='toggle'></div>");