将jquery对象列表重新排序到列

我觉得这是个有趣的问题,所以我给你写了一个插件。我做了一点测试,看起来很管用。如果这是你想要的,请告诉我!

http://jsbin.com/ocama/3/edit

http://jsbin.com/ocama/3

算法非常简单,它基本上就是找到有多少行,然后根据这个数字对列进行分组。

如果您知道有多少列,那么您将 <li> 通过跳过列表的元素 n 一次。所以对于三列,您可以选择项目0、3、6……然后回来选择1,4,7,然后2,5,8。

我做到了:

我做了所有的计算。我也喜欢 亚历克斯 解决方案,所以我会给他一个很好的答案,我在这里添加了我的解决方案,只适用于寻找此类问题的任何人:)

var rows= 2; //editable number of rows

$('body').append('<ul id="fromselect"></ul>');
var o = $('select#tolist option');
var ul = $('ul#fromselect');

var total = o.size();
var onecol = Math.ceil(total / rows);
var index = 0; //index in o list

for (var j=1; j<=onecol;j++){
    for (var i=1;i<=rows;i++){
        if (!(i*j>total)){ //in last row, there might be less columns used
            index = (i-1)*onecol+j-1;
            ul.append('<li><a href="#">'+index +': '+
                      o.eq(index ).text()
                     +'</a></li>');
            //index is used more for debug, you can put
            //the index calculation in o.eq( * ) part
        }
    }
}