Replacing innercontent in a html using jquery

Question

HERE IS PSEUDO CODE

var content = $('.getcontent').html();
print content
"<p>one</p>
<li>1</li>
<li>2</li>
<a>ok<a><br>1"
 replace.content(li with p)

output:

print content 
  "<p>one</p>
    <p>1</p>
    <p>2</p>
    <a>ok</a><br>1"

How can i do that to get my results?

try searching before posting, you can get the basic idea here:: stackoverflow.com/questions/2543617/… — Sudhir Bastakoti
– Sudhir Bastakoti, Commented Jul 22, 2014 at 4:08

Rajaprabhu Aravindasamy · Accepted Answer · 2014-07-22 04:13:47Z

2

Try to use .replaceWith() along with its receiver function to accomplish your task,

$('.getcontent').find('li').replaceWith(function(_,content){
  return '<p>' + content + '</p>';
});

DEMO

Note: I am not fully aware of your context, Anyway this code would make an invalid HTML.

edited Jul 22, 2014 at 4:13

answered Jul 22, 2014 at 4:06

Rajaprabhu Aravindasamy

67.2k17 gold badges107 silver badges133 bronze badges

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

2 Comments

user3861247 Over a year ago

what about the other tags? <a> <br>

Rajaprabhu Aravindasamy Over a year ago

@SomPathak Hey, you did not mention that in the question initially..? Just now you added the additional informations.. Anyway your new html structure wont cause any odd behaviors. since we have selected the li elements particularly.

Collectives™ on Stack Overflow

Replacing innercontent in a html using jquery

1 Answer 1

DEMO

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related