Вопросы Теги

Перенос дочерних элементов в div

Я пытаюсь обернуть ряд дочерних элементов в div, чтобы манипулировать ими в группах; пытаясь расположить каждую группу в другом месте. Сценарий заключается в том, что у меня есть список, случайным образом генерирующий теги li, и независимо от того, сколько их появляется, мне нужно, чтобы каждый набор из десяти манипулировался отдельно.

Чтобы понять это, я использую выписанный список:

$("ul li ul li:nth-child(n+11)").wrapAll("<span class='shift' />");
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id="access">
  <div class="menu">
    <ul>
      <li>
        <p>Hello</p>
        <ul>
          <li>Stuff</li>
          <li>Stuff</li>
          <li>Stuff</li>
          <li>Stuff</li>
          <li>Stuff</li>
          <li>Stuff</li>
          <li>Stuff</li>
          <li>Stuff</li>
          <li>Stuff</li>
          <li>Stuff</li>
          <li>Stuff2</li>
          <li>Stuff2</li>
          <li>Stuff2</li>
          <li>Stuff2</li>
          <li>Stuff2</li>
          <li>Stuff2</li>
          <li>Stuff2</li>
          <li>Stuff2</li>
          <li>Stuff2</li>
          <li>Stuff2</li>
          <li>Stuff3</li>
          <li>Stuff3</li>
          <li>Stuff3</li>
          <li>Stuff3</li>
          <li>Stuff3</li>
          <li>Stuff3</li>
          <li>Stuff3</li>
          <li>Stuff3</li>
          <li>Stuff3</li>
          <li>Stuff3</li>

        </ul>
      </li>
    </ul>
  </div>
</div>

Но это не то, что мне нужно, конечно.

Вот код, над которым я сейчас работаю.

var count = $("ul li ul li").length;
for(var c = 11; c<=count;c+=10){
$("ul li ul li:nth-child(n+"+c+")").wrapAll("<span class='shift' />");
}

Этот вид работает, но создает вложенные экземпляры класса сдвига.

Мне нужны отдельные обертки div. Если бы мне нужно было составить код, это было бы:

 $("ul li ul li:nth-child("+c+"<n<"+(c+10)+")").wrapAll("<span class='shift' />");

Но очевидно, что это не сработает. Кто-нибудь еще делал что-то подобное раньше. Немного поискал, безрезультатно.

5
задан double-beep 19 April 2019 в 16:15
поделиться