Как обернуть <ul>в другой <ul>?

Question

У меня есть неупорядоченный список, который я хотел бы обернуть внутри другого неупорядоченного списка в jQuery, используя следующий код:

$('ul.innerlist').prepend('<ul><li>');
$('ul.innerlist').append('</li></ul>');

Однако вместо первой строки, создающей открывающие теги, и второй, создающей закрывающие теги (и обертывающие .innerlist), появляется первая строка, в которой создаются открытые и закрывающие теги, в результате чего

<ul>
  <li></li>
</ul>
<ul class="innerlist">
  <li></li>
</ul>

Вместо этого:

<ul>
  <li>
    <ul class="innerlist">
      <li></li>
    </ul>
  </li>
</ul>

Answer 1

Используется метод jQuery wrap() , чтобы обернуть выбранные элементы предоставленными вами элементами.

Пример: http://jsfiddle.net/patrick_dw/bD8LQ/

$('ul.innerlist').wrap('<ul><li></li></ul>');

Answer 2

См. http://api.jquery.com/wrap/

Answer 3

попробуйте следующее:

$('ul.innerlist').each(function(i,v){v=$('<ul><li></li></ul>').append(v);});

или wrap.