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
– epascarello, Commented Oct 30, 2012 at 17:57
The '%' modulus operator still exists: stackoverflow.com/questions/2821006/… — Nick Bork
– Nick Bork, Commented Oct 30, 2012 at 17:58

I Hate Lazy · Accepted Answer · 2012-10-30 17:57:43Z

23

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, 2012 at 17:57

I Hate Lazy

49k13 gold badges89 silver badges79 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

klye_g Over a year ago

I swear i had already tried the php method and it didn't work..woops. thanks!

Justin Self · Accepted Answer · 2012-10-30 17:57:47Z

4

Use this... just like your PHP

if (i % 3 == 0 )

answered Oct 30, 2012 at 17:57

Justin Self

6,3053 gold badges35 silver badges49 bronze badges

Collectives™ on Stack Overflow

Jquery for loop write html after every third iteration of loop

2 Answers 2

1 Comment

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related