Jedes n-te Element im Array abrufen

Question

Ich habe ein Array von HTML-Elementen. Ich prüfe, ob ein vorheriges Objekt im Array wie folgt existiert:

var boxes = $('.box'); // creating the array

boxes.each(function(i){ // going through the array
    var prevBox = i>0?$(boxes[i-1]):false; // check whether a previous box exists
    if (prevBox) { } // do something
    else { } // do something else
});

Das funktioniert gut. Aber ich müsste auch die Existenz jedes vierten Objekts (Box) im Array überprüfen, oder genauer gesagt, ob ein Objekt drei Objekte vor dem aktuellen existiert.

Das klappt nicht:

var prevBox = i>0?$(boxes[i-4]):false;

Ich glaube, mit jQuery.grep() und prüfen, ob (i % 4) == 0 könnte die Antwort sein, aber mit meinem begrenzten Wissen über Javascript, weiß ich nicht, wie man es auf das, was ich jetzt habe, anwenden.

Kann jemand helfen? Danke!

Answer 1

Können Sie nicht einfach eine for-Schleife verwenden?

for ( var i=0; i< boxes.length; i+=4 )
  {
    // do stuff with boxes[i]
  }

Ich bin nicht groß auf JQuery speziell, aber in regelmäßigen JavaScript, die gut funktionieren würde.

EDIT: Sie haben das Problem ein wenig umschrieben, Sie wollen also bei jedem Punkt handeln, aber beim vierten etwas Bestimmtes tun...

var previousTop;
for ( var i=0; i< boxes.length; i++ )
  {
    // do stuff with boxes[i]
    if ( ( (i+1) % 4 ) === 0 )
      {
          previousTop = boxes[i].position.top;
          // do stuff with the fourth item
      }
  }

Hier ist die breiter angelegte previousTop wird dann bei jedem vierten Element gesetzt, bevor Sie das tun, was Sie sonst noch tun müssen. Wenn Sie dann das nächste vierte Element erreichen, haben Sie den Wert des vorherigen Elements in Ihrer temporären Variablen, was sich ähnlich anhört wie das, wonach Sie in Ihrer Antwort auf die Antwort von @patrick dw unten suchen.

Answer 2

Sie können die Modulus-Operator in der Schleife, um zu sehen, ob Sie sich in einem vierten Intervall befinden.

Die Frage wurde geklärt.

var boxes = $('.box'); // creating the array

boxes.each(function(i){
    if( i >= 3 ) {
        var prevBox = boxes.eq( i - 3 );
        var pos = prevBox.position();
        var top = pos.top;
    }
});

Answer 3

Verwenden Sie eine Iteration mit 4 als Inkrementierungsschritt und nicht wie üblich mit 1.