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

Question

我需要在所有divs 中找到所有带有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(): 对于每个div 和someClass 类时，包装所有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>");