Question

我有以下html：

<div class="backpack_all"> //wrapper for all on screen content
    ...
    <div class="backpack"> //main content to display
        <div class="item1">
        <div class="item2">
        <div class="item3">
        ...etc

我将拥有此格式的200-500项目。我也通过这些项目的各种属性积极地对这些数据进行排序。当未排序时，它们被一组50分组成一个class =“backpack_partition”，它包含50个项目。要对它们进行排序，我必须从各自的分区中解开所有项目。我如何使用jquery / javascript重新包装它们？

Answer 1

选择了一些老式的JS。

var divs = $('.backpack > .item');
for(var i = 0; i < divs.length; i+=50) {
    divs.slice(i, i+50).wrapAll("<div class='backpack_partition'></div>");
}

Answer 2

您可以尝试wrapAll()方法：

围绕匹配元素集中的所有元素包装HTML结构。

$('.backpack').wrapAll('<div class="backpack_all" />')

或：

$('.backpack:first').nextUntil('.backpack:eq(50)').end().wrapAll('<div class="backpack_all" />')

JQuery - 排序后以50个为一组包装div

2 个答案: