Как получить содержимое между DIV

Question

У меня есть список Li один уль и я хочу поставить, что содержание между ..

То, что я

<div id='a'> 
<ul> 
    <li> 
    <li> 
    <li> 
</ul> 
</div> 

, что я хочу сделать, это то, что с помощью JQuery Я хочу добавить DIV до и после этого содержания, как этот

То, что я хочу

<div id='a'> 
<div id='b'> 
<ul> 
    <li> 
    <li> 
    <li> 
</ul> 
</div> 
</div> 

Что я использую добавить или Befor но не получить должным образом результат. Я использовал следующий код.

$("#a").prepend("<div id='b'>"); 
$("#a").append("</div>"); 

Но у меня получился такой результат.

<div id='a'> 
<div id='b'></div> 
<ul> 
    <li> 
    <li> 
    <li> 
</ul> 
</div> 

, пожалуйста, помогите мне.

Answer 1

Вы можете использовать .wrap() сделать это:

$("ul").wrap("<div id='b'></div>"); 

Demo Fiddle

Answer 2

Использование wrap()

Это будет точно делать то, что вы хотите:

$("#a > ul").wrap("<div id='b'></div>"); 

Посмотрите на документ : http://api.jquery.com/wrap/

Answer 3

Попробуйте $("ul").wrap("<div id='b'></div>"); и вот рабочий example