刪除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);