Jquery for loop write html after every third iteration of loop

Question

I am trying to get a <div class="clear"></div> to appear after every third iteration of a for loop in jquery. I know in PHP it can be accomplished via if($i%3 == 0) but how does one do it in jquery/javascript?

Here is my for loop:

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]);
}

Now this only works once since the loop will only get to the number 3 once. So any thoughts on how to make the same php concept work in jquery? I have seen the other questions about wrapping every nth in a div, but I just need to write the html of a div after each one.

Thanks in advance.

EDIT:

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

Is the answer..I didn't know you could do that. Thanks!

Did you try what you did in PHP with JavaScript? You might be surprised. — epascarello, Oct 30 '12 at 17:57
The '%' modulus operator still exists: http://stackoverflow.com/questions/2821006/find-if-variable-is-divisible-by-2 — Nick Bork, Oct 30 '12 at 17:58

score 21 · Accepted Answer · answered Oct 30 '12 at 17:57

21

Use the modulus operator instead.

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

Whenever there's no remainder, you're evenly divisible by 3.

I included the i && to eliminate the first iteration since 0 % 3 === 0; // true.

answered Oct 30 '12 at 17:57

I Hate Lazy

45,169
12
84
76

I swear i had already tried the php method and it didn't work..woops. thanks! – klye_g Oct 30 '12 at 18:00

score 3 · Answer 2 · answered Oct 30 '12 at 17:57

3

Use this... just like your PHP

if (i % 3 == 0 )

answered Oct 30 '12 at 17:57

Justin Self

5,997
3
29
48

Jquery for loop write html after every third iteration of loop

2 Answers2

Linked