javascript - 在 javascript 中创建连续的 HTML 数字

Question

需要为每生成四个项目创建一个 html 编号。

后端创建的元素没有具体数量

<div class="item">item1 - pagination 1</div>
<div class="item">item2 - pagination 1</div>
<div class="item">item3 - pagination 1</div>
<div class="item">item4 - pagination 1</div>

<div class="item">item5 - pagination 2</div>
<div class="item">item6 - pagination 2</div>
<div class="item">item7 - pagination 2</div>
<div class="item">item8 - pagination 2</div>

<div class="item">item9 - pagination 3</div>
<div class="item">item10 - pagination 3</div>
<div class="item">item11 - pagination 3</div>
<div class="item">item12 - pagination 3</div>


<ul>
 // this html need generated by javascript
 <li class="pagination1">1<li>
 <li class="pagination2">2<li>
 <li class="pagination3">3<li>
<ul>

Answer 1

类似这样的事情应该可以帮助您开始:

var page = 0;

$('.item').each(function(i){
    if(i % 4 === 0){
        var $li = $('<li/>').prop({ class: 'pagination' + (++page) });
    }
});

http://jsfiddle.net/c87tsvo8/