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

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()直接获取选择器，因此无需将其包装在这里。