Javascript 在每5项之后加载div及其内容

我有一个smarty模板，其输出代码位于此链接上：

我的问题是那里提供的代码没有：重复插入的HTML每5个元素

是否有人可以提供解决方案，使我能够在每5个元素之后插入其他潜水内容，使最终输出如下所示：

    <section id="listings" class="list clearfix">
<article class="item">
<article class="item">
<article class="item">
<article class="item">
<article class="item">

**OTHER DIV BY CLASS OR ID**

<article class="item">
<article class="item">
<article class="item">
<article class="item">
<article class="item">


**OTHER DIV BY CLASS OR ID**

<article class="item">
<article class="item">
<article class="item">
<article class="item">
<article class="item">


**OTHER DIV BY CLASS OR ID**

<article class="item">
<article class="item">
<article class="item">
<article class="item">
<article class="item">
</section>

<script type="template/banner" id="div-banner">
    <div class="banner">
      <img src=".../NNNxNNN/banner.png" />
    </div>
</script>

**按类别或ID列出的其他DIV**
**按类别或ID列出的其他DIV**
**按类别或ID列出的其他DIV**

使用选择器和

$（'项目：第n个子项（5n）'）。之后（'插入第5个'）；

$（'项目：第n个子项（5n）'）。之后（'插入第5个'）

测试
测试
测试
测试
测试
测试
测试
测试
测试
测试
测试
测试
测试
测试
测试
测试
测试
测试
测试
测试
使用选择器和

$（'项目：第n个子项（5n）'）。之后（'插入第5个'）；


$（'项目：第n个子项（5n）'）。之后（'插入第5个'）

测试
测试
测试
测试
测试
测试
测试
测试
测试
测试
测试
测试
测试
测试
测试
测试
测试
测试
测试
测试
建议

我是否可以添加div，使其内容具有类或id？比如我
已经有了带有横幅的div，我需要用你的代码重复它

您可以在页面上的某个位置将其呈现为未知类型的脚本元素（浏览器将忽略它），如下所示：

    <section id="listings" class="list clearfix">
<article class="item">
<article class="item">
<article class="item">
<article class="item">
<article class="item">

**OTHER DIV BY CLASS OR ID**

<article class="item">
<article class="item">
<article class="item">
<article class="item">
<article class="item">


**OTHER DIV BY CLASS OR ID**

<article class="item">
<article class="item">
<article class="item">
<article class="item">
<article class="item">


**OTHER DIV BY CLASS OR ID**

<article class="item">
<article class="item">
<article class="item">
<article class="item">
<article class="item">
</section>

<script type="template/banner" id="div-banner">
    <div class="banner">
      <img src=".../NNNxNNN/banner.png" />
    </div>
</script>

它将使您的JavaScript更干净，不会用垃圾变量污染全局范围。
建议

我是否可以添加div，使其内容具有类或id？比如我
已经有了带有横幅的div，我需要用你的代码重复它

您可以在页面上的某个位置将其呈现为未知类型的脚本元素（浏览器将忽略它），如下所示：

    <section id="listings" class="list clearfix">
<article class="item">
<article class="item">
<article class="item">
<article class="item">
<article class="item">

**OTHER DIV BY CLASS OR ID**

<article class="item">
<article class="item">
<article class="item">
<article class="item">
<article class="item">


**OTHER DIV BY CLASS OR ID**

<article class="item">
<article class="item">
<article class="item">
<article class="item">
<article class="item">


**OTHER DIV BY CLASS OR ID**

<article class="item">
<article class="item">
<article class="item">
<article class="item">
<article class="item">
</section>

<script type="template/banner" id="div-banner">
    <div class="banner">
      <img src=".../NNNxNNN/banner.png" />
    </div>
</script>

它将使您的JavaScript更干净，并且不会用垃圾变量污染全局范围。
非常感谢您……我可以添加div，使其内容具有类或id吗？例如，我已经有了带有横幅的div，我需要用你的code@TariqAhmed，为什么不将html存储在变量（如
var div=”
中，然后在after（如
）中使用它。after（div）
非常感谢您……我可以添加div，其内容具有类或id吗？例如，我已经有了带有横幅的div，我需要用你的code@TariqAhmed，为什么不将html存储在变量中，如
var div='
，然后在after中使用它，如
。after（div）