Saving text and inserting it after a specified variable

Question

there's a site with lots of comments.

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>

Now I want to collect all comments containing 'hello' and insert the phrases with hello after all comments.

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

'hello' is taken from the comments and inserted after the comments.

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>

Is there a way to keep the comments as they were (code1) and still insert all comments containing 'hello' after the comments. Like

How it should look like.


<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>

Any hint or help is much appreciated.

Nick Craver · Accepted Answer · 2010-09-27 12:27:22Z

2

Use .clone() to create a copy then move only those copies, like this:

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

Also .insertAfter() takes a selector directly, so no need to wrap it here.

answered Sep 27, 2010 at 12:27

Nick Craver

631k138 gold badges1.3k silver badges1.2k bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Naeem Sarfraz · Accepted Answer · 2010-09-27 12:28:53Z

1

You could use .clone() like so:

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

answered Sep 27, 2010 at 12:28

Naeem Sarfraz

7,4305 gold badges40 silver badges63 bronze badges