javascript - jquery全部替换和

Question

鉴于以下 dom 结构，我想将有序列表转换为无序列表。

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

做这个的最好方式是什么？

Answer 1

您应该使用jQuery replaceWith。

Answer 2

好的，我必须从内到外工作，只有 replaceWith 不起作用，因为它只替换了外部标签而没有替换内部标签，所以我这样解决了：

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

如果有人有更好的解决方案，我会很高兴听到它。