保存文本并将其插入指定的变量之后

Question

有一个网站有很多评论。

code1
<p>hello ernie</p>
<p>this is mark</p>
<p>hello ben</p>
<p>this is ernie</p>
<p>hello mark</p>
<p>this is ben</p>

现在我想收集所有包含'hello'的评论，并在所有评论后插入hello短语。

$("p:contains('hello')").insertAfter($("#comments"));

'hello'取自评论，并在评论后插入。

code2
<p>this is mark</p>
<p>this is ernie</p>
<p>this is ben</p>

code3
<p>hello ernie</p>
<p>hello ben</p>
<p>hello mark</p>

有没有办法保留评论（code1），并在评论后插入所有包含'hello'的评论。像

它应该是什么样子。

<p>hello ernie</p>
<p>this is mark</p>
<p>hello ben</p>
<p>this is ernie</p>
<p>hello mark</p>
<p>this is ben</p>

<p>hello ernie</p>
<p>hello ben</p>
<p>hello mark</p>

非常感谢任何提示或帮助。

Answer 1

使用.clone()创建副本，然后仅移动这些副本，如下所示：

$("p:contains('hello')").clone().insertAfter("#comments");

同样.insertAfter()直接选择一个选择器，所以不需要将它包装在这里。

Answer 2

你可以这样使用.clone()：

$("p:contains('hello')").clone().insertAfter($("#comments"));