Próbuję dostać<div class="clear"></div> pojawiać się po co trzeciej iteracji pętli for w jquery. Wiem, że w PHP można to osiągnąć za pośrednictwemif($i%3 == 0) ale jak to zrobić w jquery / javascript?

Oto moja pętla:

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

Teraz działa tylko raz, ponieważ pętla dostanie się tylko do liczby 3 tylko raz. Więc wszelkie przemyślenia, jak sprawić, by ta sama koncepcja php działała w jquery? Widziałem inne pytania o zawijanie każdego n-tego w div, ale po każdym muszę napisać html diva.

Z góry dziękuję.

EDYTOWAĆ:

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

Czy odpowiedź .. Nie wiedziałem, że możesz to zrobić. Dzięki!