0

这是我的问题。我想要一个脚本，它从<ul>列表中获取前十个项目并将它们移动到 list1，然后获取接下来的十个并将它们移动到第二个，第三个相同。我尝试使用它来做到这一点，jQuery.each()但它不起作用。

<html>
<body>
    <ul class="list">
        <li>1</li>
        <li>2</li>
        <li>3</li>
    </ul>
    <ul class="list1"></ul>
    <ul class="list2"></ul>
    <ul class="list3"></ul>
</body>
</html>

这是一些javascript。这是一个固定的工作。

function SortCats(ul){
var array = [];
//var lis = $("#CatNavi li");
//for (var i = 0; lis.length; i++){
//  array.push(lis[i].html());
//  lis[i].hide();
//}
var $altlis = $("#CatNavi li");

var $cat1 = $(".supercat1");
var $cat2 = $(".supercat2");
var $cat3 = $(".supercat3");

$altlis.each(function(index){
alert("Shit happens");
    if (index < 10){
        $cat1.append($(this));
        alert("Shit happens");
    }
    else if (20 >= index > 10){
        $cat2.append($(this));
    }
    else if (index > 20){
        $cat3.append($(this));
    }
});
}
4

1 回答 1

2

您想将主列表的前十项（带有 class list）移动到另一个带有 classlist1的列表，接下来的十个到带有 class 的列表list2等等？

我提出这样的解决方案：

$("ul.list li").each(function(i) {
   var iList = Math.floor(i / 10) + 1;
   $("ul.list" + iList).append($("<li>" + $(this).html() + "</li>"));
})
于 2012-11-23T16:13:55.997 回答