Javascript Meteor-#数组的每次迭代，在每个第n项之后插入另一个HTML元素

我正在使用Blaze使用#each迭代器在Meteor中迭代一个项目数组，我想在每个第n（10）个项目后面插入一个HTML元素。我想我可以使用@index来访问我所在数组的索引，但我真的不知道如何每隔10个元素插入另一个元素

{{#each getArray}}
  <div class="item" data-value="{{someHelper @index}}">{{this}}</div>
{{/each}}

{{{#each getArray}
{{this}}
{{/每个}}

您可以使用模（%），它取两个数字的剩余部分。例如，11%3=2，因为3在11中拟合了3次，剩下2次

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

Template.TemplateName.helpers({
“someHelper”：函数（whichOne）{
如果（whichOne%10==0）{
yourArray.push（）；
}
}
});

每当其中一个%10为零时，您就命中了数组中的第十个元素。

您可以使用模（%），它取两个数字的剩余部分。例如，11%3=2，因为3在11中拟合了3次，剩下2次

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

Template.TemplateName.helpers({
“someHelper”：函数（whichOne）{
如果（whichOne%10==0）{
yourArray.push（）；
}
}
});

---

无论何时whichOne%10为零，您都已命中数组中的第十个元素。

根据您的评论，您似乎希望创建一个自定义帮助器，以返回是否应在DOM中包含元素：

{{#each getArray}}
  <div class="item" data-value="{{someHelper @index}}">{{this}}</div>
  {{#if shouldAddDiv @index}}
    <div>I was after the 10th item!</div>
  {{/if}}
{{/each}}

Template.TemplateName.helpers({
  shouldAddDiv(index) {
    if(index % 10 === 0) {
      return true;
    } else {
      return false;
    }
  }
});

{{{#each getArray}
{{this}}
{{#如果应该添加div@index}
我想买第十件！
{{/if}
{{/每个}}
Template.TemplateName.helpers({
shouldAddDiv（索引）{
如果（索引%10==0）{
返回true；
}否则{
返回false；
}
}
});

---

如果您不希望div出现在第一个元素之后，您可以根据您的注释将

索引%10

更改为

索引%9

，看起来您希望创建一个自定义帮助程序，返回您是否应该在DOM中拥有一个元素：

{{#each getArray}}
  <div class="item" data-value="{{someHelper @index}}">{{this}}</div>
  {{#if shouldAddDiv @index}}
    <div>I was after the 10th item!</div>
  {{/if}}
{{/each}}

Template.TemplateName.helpers({
  shouldAddDiv(index) {
    if(index % 10 === 0) {
      return true;
    } else {
      return false;
    }
  }
});

{{{#each getArray}
{{this}}
{{#如果应该添加div@index}
我想买第十件！
{{/if}
{{/每个}}
Template.TemplateName.helpers({
shouldAddDiv（索引）{
如果（索引%10==0）{
返回true；
}否则{
返回false；
}
}
});

---

如果您不希望div出现在第一个元素之后，您可以将

索引%10

更改为

索引%9

按元素是否指HTML元素？是的。例如，带有banner adBy元素的div元素是指HTML元素吗？是的。例如，带有横幅广告的div元素，这是一个好主意，但我想在数组中的每个第10项之后插入DOM中的HTML元素。我没有正确地解释它。这是个好主意，但我想在数组中的每10项之后在DOM中插入HTML元素。我解释得不对。谢谢，效果很好！可能会有一些改进，而不是if/else-return（index>0&&index%10==0）| false；谢谢，很好用！可能会有一些改进，而不是if/else-return（index>0&&index%10==0）| false；