使用jquery将元素添加到li中

时间:2012-03-29 14:46:23

标签: jquery

如果我有一个带有10个li元素的ul,使用jQuery,将这组lis分成三个uls(仍然在原始ul中)的最快和最不密集的方式最终得到这样的结果:

<ul>
  <li>
    <ul>
      <li>list item 1</li>
      <li>list item 2</li>
      <li>list item 3</li>
      <li>list item 4</li>
    </ul>
    <ul>
      <li>list item 5</li>
      <li>list item 6</li>
      <li>list item 7</li>
    </ul>
    <ul>
      <li>list item 8</li>
      <li>list item 9</li>
      <li>list item 10</li>
    </ul>
  </li>
</ul>

我尝试使用.wrap,但这似乎包装了列表中的每个元素(可以理解,毕竟它是一个数组),我现在正在考虑创建新的uls并将现有的lis注入其中。

欢迎任何想法,我之前没有使用过jQuery。 感谢

1 个答案:

答案 0 :(得分:1)

放手一搏。

http://jsfiddle.net/WqXnS/1/

它创建了一个新列表,而不是仅仅为了说明目的而替换原始列表。