Meteor - #each iteration of an array with another HTML element inserted after each nth item

Question

I\'m iterating over an array of items in Meteor using Blaze using the #each iterator, and I want to insert an HTML element after each nth (10th) item. I figured I could use @ind

Answer 1

You can use modulo (%), which takes the remainder of two numbers. For example 11%3 = 2, because 3 fits 3 times in 11, leaving 2 aka the remainder.

Template.TemplateName.helpers({
    'someHelper': function(whichOne){
        if (whichOne%10 == 0){
            yourArray.push();
        }
    }
});

Whenever whichOne%10 is zero, you've hit the tenth element in your array.