主页 / 问题 / 1247500
Accepted
Oiki
Asked:2022-02-23 06:24:15 +0000 UTC2022-02-23 06:24:15 +0000 UTC

如何用没有枚举的 div 包装多个元素？

  • 772
имею
<div id="slider2" class="slider1">
        <div class="item"></div>
        <div class="item"></div>
        <div class="item"></div>
        <div class="item"></div>
        <div class="item"></div>
         <div class="item"></div>
        <div class="item"></div>
        <div class="item"></div>
        <div class="item"></div>
        <div class="item"></div>
    </div>

таких <div class="item"></div> более сотни

С помощью 

  $('.item').attr('id', function(index) { return (index + 1); })

задаю каждому **item** свой **id**

Вопрос
как мне обернуть в каждый свой див элементы 
с 1 по 5 (например)
с 6 по тридцатый 
с 31 по 60 
и так далее
60 -100

((так чтоб не перечислять id=1, id=2, id=3 и т.д.))
javascript

1 个回答

  1. Best Answer

    如果我理解正确，例如，您可以这样（分组 1-5、6-8、9-10）：

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

sections.forEach((section, i) => {
  const div = document.createElement('div');
  div.className = `div${i}`;
  document.body.append(div); // вставляете обёртку, куда вам нужно
  div.append(...items.slice(...section));
});
    <div class="item">1</div>
<div class="item">2</div>
<div class="item">3</div>
<div class="item">4</div>
<div class="item">5</div>
<div class="item">6</div>
<div class="item">7</div>
<div class="item">8</div>
<div class="item">9</div>
<div class="item">10</div>

    • 2

相关问题