jquery - X項目ごとに要素を比較する

Question

最初の質問！

私は4つの列に50のdivのリストがあり、詳細を比較したいすべての行があります。

<div class="all-items">
    <div class="item">Hello</div><!--store height for e.g.-->
    <div class="item">Hello</div><!--store height for e.g.-->
    <div class="item">Hello</div><!--store height for e.g.-->
    <div class="item">Hello</div><!--store height for e.g.-->
    <!--new for/while here-->
    <div class="item">Hello</div><!--store height for e.g.-->
    <div class="item">Hello</div><!--store height for e.g.-->
    <div class="item">Hello</div><!--store height for e.g.-->
    <div class="item">Hello</div><!--store height for e.g.-->
    <!--new for/while here-->
</div>

等

jQueryでこれを行う方法がわかりません！

4 つのアイテムごとに for ループを使用しようとしましたが、その中で each を使用しても意味がないことがわかりました。

どんな助けでも大歓迎です。

ありがとうダン

Answer 1

私があなたを正しく理解しているかどうかはわかりませんが..これはどうですか：

var rowSize = 4;
$(".all-items > .item").each(function(index, object){       
    if(index % rowSize == 0){
        //the current item is the first one in the new row
        //do stuff for a new row
    }       
    //do stuff for each item        
});