2012-10-30 5 views
10

jquery에서 for 루프를 매 3 회 반복 할 때마다 <div class="clear"></div>이 나타나려고합니다. 나는 PHP에서 그것은 if($i%3 == 0)을 통해 수행 할 수 있지만 하나는 jquery/javascript에서 어떻게합니까 알아?Jquery for 루프 반복 매 3 회 반복 후 루프

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 번에 얻을 것이다 루프 때문에 한 번 작동합니다

은 여기 내 루프입니다. 그래서 jquery에서 동일한 PHP 개념을 만드는 방법에 대한 생각? div에있는 모든 n 번째 줄을 감싸는 것에 대한 다른 질문을 보았습니다.하지만 각 줄마다 div의 html을 작성하면됩니다.

미리 감사드립니다.

편집 :

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

당신이 할 수 몰랐 answer..I입니다. 감사!

+0

이 왜 여기에 같은 논리를 사용할 수 없습니다 당신의 PHP 좋아? – thatidiotguy

+0

JavaScript로 PHP에서 해본 것을 시도한 적이 있습니까? 너는 놀랄지도 모른다. – epascarello

+1

'%'모듈러스 연산자가 여전히 존재합니다. http://stackoverflow.com/questions/2821006/find-if-variable-is-divisible-by-2 –

답변

16

대신 계수 연산자를 사용하십시오.

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

에는 나머지가 없습니다 때마다

, 당신은 3로 나누어입니다.

0 % 3 === 0; // true 이후 첫 번째 반복을 제거하기 위해 i &&을 포함 시켰습니다.

+0

나는 PHP 메소드를 이미 시도했지만 맹세하지 않았습니다. 일하다. 감사! –

+0

당신을 진심으로 환영합니다. –

1

사용이 ... 단지

if (i % 3 == 0)