计算特定数量的li元素并将它们移动到新div

时间:2014-01-29 14:33:28

标签: javascript jquery

我如何计算前十三个li元素并将它们移动到一个新的div(slide1),之后计算下一个十三个li元素并将它们移动到新div(slide2)等等?

selection = [1-13];
    for(var i=0; i<selection.length; i++) {
    jQuery('li').eq(selection[i]).append('.slide1')
    }

2 个答案:

答案 0 :(得分:1)

DEMO

假设您的HTML结构

<ul>
  <li />
  ...
</ul>
<div id="slide1"><ul /></div>
<div id="slide2"><ul /></div>
...

<强>的jQuery

$("li").each(function(i){
    i++
    $slideNum = Math.ceil(i/13);
    $("ul","#slide"+$slideNum).append(this);
});

答案 1 :(得分:0)

也许你可以选择jQuery的slice方法。

以下是相同的API文档:http://api.jquery.com/slice/

看看。

如果您想知道用法

这是一个完美的解决方案。

$ ("div#first")    .append ($("ul li").clone().slice (0,12));
$ ("div#second")    .append ($("ul li").clone().slice (12));

jQuery ("ul").remove();

jsFiddle:http://jsfiddle.net/GB3BR/