javascript - 如何在 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>");