javascript - jQuery 选择标签组

Question

假设我有这个结构:

<p>Some text random 1</p>
<p>Some text random 2</p>
<p>Some text random 3</p>
<div><img src=""></div>
<p>Some text random 4</p>
<p>Some text random 5</p>

我想在一个 div 元素中包围 p 标签组，有谁知道最好的方法吗？首选输出是:

<div class="p-tags">
    <p>Some text random 1</p>
    <p>Some text random 2</p>
    <p>Some text random 3</p>
</div>
<div><img src=""></div>
<div class="p-tags">
    <p>Some text random 4</p>
    <p>Some text random 5</p>
</div>

Answer 1

你可以使用wrapAll

$("p").slice(0,3).wrapAll('<div class="p-tags"></div>');
$("p").slice(3,5).wrapAll('<div class="p-tags"></div>');  

DEMO