Question

我有100个项目 - 's's span span标签。

我如何使用每个jquery追加每个项目（一次5个）并附加方法？

$.each(items, function (x, result) {

  append to outer-div 5 at a time, each set of spans is inside an inner-div

}

<div class="outer-div>
   <div class="inner-div">
     <span>1</span>
     <span>2</span>
     <span>3</span>
     ... etc.
     <span>5</span>
   </div>
   <div class="inner-div>
     <span>11</span>
     <span>12</span>
     <span>13</span>
     ... etc.
     <span>5</span>
   </div>
  ...etc...
</div>

Answer 1

这样的东西将使用数字标识符来跟踪你正在做的循环数，在i为1时创建容器，将每个span元素追加到文档中的最后一个.inner-div ，并在计数器达到限制时重置计数器，以便触发创建新的.inner-div：

var i = 1;
$.each(items, function(x, result) {
    // create the container div
    if(i == 1) {
        $('<div/>').addClass('inner-div').appendTo('.outer-div');
    }
    // create child and add to container
    $('.inner-div')
        .last()
        .append(
            $('<span/>').text(result)
        );

    // reset the counter when limit reached
    if(i == 5) {
        i = 1;
    } else {
        // increment counter
        i++;
    }    
});

以下是演示： fiddle

使用jquery按特定计数附加项目列表

1 个答案: