删除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> 

所以经过加工，将looke像：

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

我已经使用jQuery删除尝试：

$（ “CBS清单”） 。去掉（）;

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

TIA。

Answer 1

尝试：

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

Fiddle here.

Answer 2

使用此：

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

Working Demo

Answer 3

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