Как можно сократить код и определить точное место?

Question

[Grizar]

имею такую конструкцию

<div class="sl-ide">
        <div class="itek"></div>
        <div class="itek"></div>
        <div class="itek"></div>
        <div class="itek"></div>
        <div class="itek"></div>
ЭТИХ ДИВОВ МНОГО
         <div class="itek"></div>
        <div class="itek"></div>
        <div class="itek"></div>
        <div class="itek"></div>
        <div class="itek"></div>
    </div>

мне нужно разбить это дело на группы в разном количестве и обернуть эти группы в див с одинаковым классом .
я делаю так

const items = [...document.querySelectorAll('.itek')];
const sections = [[0, 5], [5, 8], [8, 10]];

sections.forEach((section, i) => {
  const div = document.createElement('div');
  div.className = `new-grup-styl`;
  document.querySelector('.sl-ide').append(div);
  div.append(...items.slice(...section));
});

но мне хочется меньше строк кода,

тогда я делаю так

let items = $(".sl-ide");
items.slice(0,5).wrapAll('<div class="new-grup-styl">');     
items.slice(5,8).wrapAll('<div class="new-grup-styl">');
items.slice(8,10).wrapAll('<div class="new-grup-styl">');

ну если бы групп было две тогда норм, 
а если десять- то прописывать десять почти одинаковых строк кажись глупо

Я размечтался о таком варианте Ж) ,

let items = $(".sl-ide");
items.slice [[0, 5], [5, 8], [8, 10]].wrapAll('<div class="mydivstyle">');

но он не работает Ж)

Может есть другое максимально короткое решение ?
... а и еще, все должно происходить в<div class="sl-ide">

Comments

[WbICHA]

Нужно писать не максимально коротко, а максимально понятно.
Тем более непонятно, в одном примере ты используешь ванилу, а в другом жквери. С тем же успехом можно написать свою функцию для конкретно данной задачи и тогда код можно сократить до:
w('.itek', [5, 3, 2]);

[Grizar]

WbICHA, ну яж улыбнулся,

Ж)

[Grizar]

WbICHA, да я использовал ванилу, а в другом жквери. - и спрашиваю - может есть решение проще,

[WbICHA]

Grizar,

и спрашиваю - может есть решение проще,

w('.itek', [5, 3, 2]);

[Grizar]

,... оптимальней ...

Answer 1

[0xD34F]

[ 5, 8, 10 ].forEach((n, i, a) => $items.slice(a[i - 1], n).wrapAll('<div>'));

Comments

[Grizar]

чет не работает

[0xD34F]

Grizar, неужели это так трудно - скопипастить всего одну строку кода? Всё работает.

[Grizar]

0xD34F, простите простите простите...

<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>

...забыл...

Answer 2

[webdisigner]

почему не так?