循环的Jquery在每三次循环迭代后写入html

时间:2012-10-30 17:56:04

标签: javascript jquery html loops

我试图在jquery中for循环的每三次迭代后出现<div class="clear"></div>。我在PHP中知道它可以通过if($i%3 == 0)完成但是如何在jquery / javascript中完成它?

这是我的for循环:

var data = $.parseJSON(result);
for(i=0;i<data.length;i++){
    if(i/3 == 1){
        $('#add_product_preview_area').append('<div class="clear"></div>');
    }
    $('#add_product_preview_area').append(data[i]);
}

现在这只能工作一次,因为循环只能到达3号。那么关于如何使相同的php概念在jquery中工作的任何想法?我已经看到了关于在div中包装每个n的其他问题,但我只需要在每个之后写一个div的html。

提前致谢。

编辑:

if ( i && (i % 3 === 0)) {

答案是......我不知道你能做到这一点。谢谢!

2 个答案:

答案 0 :(得分:19)

改为使用模数运算符。

if ( i && (i % 3 === 0)) { ...

每当没有余数时,你就可以被3整除。

我包含i &&以消除自0 % 3 === 0; // true以来的第一次迭代。

答案 1 :(得分:2)

使用此...就像您的PHP

一样
if (i % 3 == 0 )