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

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"));