How to replace '<p>' with '<li>' in an array in jQuery?

Question

Let's say I have this

$(document).ready(function() {
   var array = $.makeArray($('p'));
   $(array).appendTo(document.body);
   });
});

<p>how</p>
<p>are</p>
<p>you</p>
<p>baby?</p>

If I want to replace <p> with <li> and expected output is ...

<li>how</li>
<li>are</li>
<li>you</li>
<li>baby?</li>

What should I do? Thanks in advance!

just a bunch of <li> elements is invalid html/xhtml. The "works for me" scenario might hurt in the future — Sander Rijken
– Sander Rijken, Commented Mar 30, 2010 at 21:16

Checksum · Accepted Answer · 2010-03-30 08:06:54Z

9

$("p").each(function () {
     $(this).replaceWith("<li>" + $(this).html() + "</li>");
});

answered Mar 30, 2010 at 8:06

Checksum

3,2603 gold badges25 silver badges26 bronze badges

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

Comments

VanRaizen · Accepted Answer · 2010-04-01 22:42:55Z

1

Here is a quick and dirty solution, but if you give me more details as far as what you are trying to do we might be able to come up with a better one.

$('p').each(function(){$(this).replaceWith('<li>'+$(this).html()+'</li>')})

edited Apr 1, 2010 at 22:42

answered Mar 30, 2010 at 8:09

VanRaizen

3781 gold badge2 silver badges9 bronze badges

1 Comment

Sander Rijken Over a year ago

$(this).text() removes the inner html from the <p> tags. .html() is better

Collectives™ on Stack Overflow

How to replace '<p>' with '<li>' in an array in jQuery?

2 Answers 2

Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related