如何包装在另一个中？

Question

我有一个无序列表，我想使用以下代码将其包装在 jQuery 中的另一个无序列表中：

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

但是，不是第一行创建开始标记，第二行创建结束标记（并包装 .innerlist< /code>)，第一行似乎创建了打开和关闭标记，导致这样

<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 函数。