如何包装 in another ?

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's wrap() method用您提供的元素包装选定的元素。

示例：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功能。