jquery replace all
with

Question

Given the following dom structure I would like to transform an ordered list to an unordered list.

<div class="wrapper"> 
  <ol>
    <li><div>foo</div></li>
    <ol>
      <li><div>bar</div></li>
    </ol>
    <li><div>batz</div></li>
  </ol>
</div>

What is the best way to do this?

Regex is not a good solution when you are trying to parse HTML or XML: http://stackoverflow.com/questions/1732348/regex-match-open-tags-except-xhtml-self-contained-tags — Renato Lochetti, Oct 01 '12 at 18:52
well i thought maybe getting the string and replacing it with regex would be faster than doing it with jquery. — supernova, Oct 01 '12 at 18:52
@supernova There is no performance concern unless there is a performance concern .. — , Oct 01 '12 at 18:57
There are some excellent answers in this question: http://stackoverflow.com/a/12510109/981208 — FixMaker, Oct 01 '12 at 19:08

score 4 · Answer 1 · answered Oct 01 '12 at 18:50

4

You should use jQuery replaceWith.

answered Oct 01 '12 at 18:50

Anthony Simmon

1,579
12
26

score 4 · Accepted Answer · answered Oct 01 '12 at 19:34

ok i had to work from the inside to the outside, only replaceWith wasn't working because it replaced only the outer tags and didn't replace the inner ones, so i solved it this way:

$($('.wrapper').find('ol').get().reverse()).each(function(){
  $(this).replaceWith($('<ul>'+$(this).html()+'</ul>'))
})

if someone has a better solution i would be glad to hear it.

jquery replace all with

2 Answers2

jquery replace all
with