jQueryで(nの倍数)番目の要素だけに処理する

jQueryで(nの倍数)番目の要素だけに処理する

例えば、4の倍数番目だけmargin-rightを取り除くといった処理。

$('.book_container').each(function(i){
    if(((i+1)%4) == 0){
        $(this).css({'margin-right': '0px'});
    }
});

DOMに対してeachでループする際、functionの引数にそのDOMのIndexを渡すことができるようだ。


次のサンプルも同じ動作をする。

$('.book_container').each(function(){
    if(($(this).index()+1)%4 === 0){
        $(this).css({'margin-right': '0px'});
    }
});