如何定位函数的特定索引号?

时间:2015-03-12 06:04:50

标签: javascript jquery indexing iteration

如何定位函数的特定索引号?或者我将如何定位每个第9张图片(假设会有数百张)。

https://jsfiddle.net/nightcoregirl/2z0qgp1g/24/

var basicCount = function(){

    $('.photo').each(function(index){
        index++; 
        $this = $(this);
        $this.append('<div class="number">' + index + '</div>')
    });

}

    basicCount();

这就是我只显示索引编号所得到的...我现在还不太了解迭代。

3 个答案:

答案 0 :(得分:0)

$('.photo').each(function(index){
    if(index%8==0)
    {
    $this = $(this);
    $this.append('<div class="number">' + index + '</div>')
    }
});

答案 1 :(得分:0)

使用nth-child选择器:

$('.photo:nth-child(9n)').append('<div class="number">' + index + '</div>');

这将是目标每9个图像

<强>更新

index = $(this).index + 1;
$('.photo:nth-child(9n)').append('<div class="number">' + index + '</div>');

答案 2 :(得分:0)

使用&#34;%&#34;或模块化函数来确定每第9项

首先,不需要自己处理count变量,.each()函数已经提供了一个索引元素(作为可选参数)。

使用模数运算符,您可以通过将索引除以3得到余数。然后您可以知道何时需要打印行的开头和结尾。

$(data).find('products').each(function(index) {

    itemName = $(this).find('itemName').text();
    itemDesc = $(this).find('itemDesc').text();
    itemID = $(this).find('id').text();

        if ((index % 3) == 0) items += '<div class="row-fluid">';

        items += '<div class="span3">Col 1</div>';

        if ((index % 3) == 2) items += '</div>';
});

if (items.substr(-12) != '</div></div>') items += '</div>';

这只是一个例子,你可以尝试将它应用到你自己的代码