删除HTML元素但保留内容

Question

我需要从具有类cbs-list的HTML页面中删除UL，但保留LI中的其他元素，LI需要转到。 HTML看起来像这样：

<ul class="cbs-list">
<li><div class="rg-feature-column"><img src="/dgt/siteassets/news01.jpg" class="rg-dynamic"/></div></li></ul>

因此，在处理之后它会像：

<div class="rg-feature-column"><img src="/dgt/siteassets/news01.jpg" class="rg-dynamic"/></div>

我尝试过使用jQuery删除：

  

$（ “CBS-列表”。）除去（）;

但是这会删除所有包含的元素。

TIA。

Answer 1

使用此：

$('.cbs-list li').contents().unwrap();
$('.cbs-list').contents().unwrap();

<强> Working Demo

Answer 2

尝试：

$(".rg-feature-column").unwrap().unwrap();

Fiddle here.

Answer 3

var li_element = $("#id of li").html();<br>
$('.rg-feature-column').append(li_element);