Question

使用此代码，我得到一个列表项数组：

var column = this.children().slice(0, columnLength).remove()

我希望将它们包装在ul标签中，以便稍后可以像这样应用它们：

this.html(filler);

我希望这可行。

filler = filler.add(column.wrapAll('<ul />'))

完整代码：

jQuery.fn.splitList = function(num) {
    var columnLength = Math.ceil(this.children().length/num), filler = $j();
    while(this.children().length > 0){
      var column = this.children().slice(0, columnLength).remove()
      filler = filler.add(column.wrapAll('<ul />'))
      console.log(filler);
    }
    this.html(filler);
};

Answer 1

这是否符合您的要求：

filler = filler.add($("<ul></ul>").append(column));

我认为column是LI的Array。

Answer 2

您只需要在添加中引用新包装的父级UL：

filler = filler.add(column.wrapAll('<ul />').parent());

http://jsfiddle.net/TrueBlueAussie/g5symcvy/

如何使用jquery包装元素中的元素数组？

2 个答案: