Вставка

для каждых 5 элементов с помощью Javascript

У меня есть простой список изображений, которые управляются с помощью CMS (ExpressionEngine). Например:

<div class="wrapper">
    <a href="#"><img src="#" /></a>
    <a href="#"><img src="#" /></a>
    <a href="#"><img src="#" /></a>
    <a href="#"><img src="#" /></a>
    <a href="#"><img src="#" /></a>
    <a href="#"><img src="#" /></a>
    <a href="#"><img src="#" /></a>
    <a href="#"><img src="#" /></a>
</div>

Для каждых 5 изображений я хочу обернуть их в div с классом "слайд". Чтобы выглядеть следующим образом:

<div class="wrapper">
    <div class="slide">
      <a href="#"><img src="#" /></a>
      <a href="#"><img src="#" /></a>
      <a href="#"><img src="#" /></a>
      <a href="#"><img src="#" /></a>
      <a href="#"><img src="#" /></a>
    </div>
    <div class="slide">
      <a href="#"><img src="#" /></a>
      <a href="#"><img src="#" /></a>
      <a href="#"><img src="#" /></a>
    </div>
</div>

Причина, по которой я не кодирую "" in вручную, заключается в том, что я использую слайдер содержимого jQuery, который требует, чтобы каждые 5 изображений были обернуты в слайд-дивив.

Я не уверен, каким будет код в ExpressionEngine, чтобы сделать это, но я подумал, что было бы проще использовать Javascript, чтобы обернуть каждые 5 картинок с помощью div. И просто иметь ExpressionEngine для вывода различных изображений одновременно.

Помощь?