Удалите HTML-элементы, но сохраните контент

Question

Мне нужно удалить UL с HTML-страницы с классом cbs-list, но сохранить остальные элементы в 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> 

Таким образом, после обработки он будет lõoke как:

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

Я попытался с помощью JQuery удалить:

$ ("к.б.н.-лист") .Удалить();

Но это удаляет все содержащиеся элементы.

TIA.

Answer 1

Try:

$(".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);