如何将 <ul> 包装在另一个 <ul> 中？答案

【问题标题】：How to wrap an <ul> in another <ul>?如何将 <ul> 包装在另一个 <ul> 中？
【发布时间】：2011-05-21 07:48:22
【问题描述】：

我有一个无序列表，我想用 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>

【问题讨论】：

【解决方案1】：

这使用jQuery's wrap() method 将所选元素与您提供的元素包装在一起。

示例： http://jsfiddle.net/patrick_dw/bD8LQ/

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

【讨论】：

【解决方案2】：

见http://api.jquery.com/wrap/

【讨论】：

【解决方案3】：

尝试以下方法：

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

或wrap 函数。

【讨论】：