0

Доброго времени суток! Есть списко

ul li li li li /ul

как обернуть каждые 2 li ещё в ul через js чтобы получилось так

ul

ul li li /ul

ul li li /ul

ul li li /ul

/ul

li может быть и 10 и 20

3 ответа 3

3

Что-то концепция у вас быстро меняется )) В заголовке "каждые 7 элементов", а в вопросе уже "каждые 2". И еще, вас не смущает тот факт, что структура будет не валидной? ul может быть дочерним li-элемента, но не ul. В общем, набросал вам пример, а если все-таки хотите, чтоб ul был вложен в ul, то уберете лишние li из кода внутри метода wrapAll().

1
  • Извеняюсь за опечатку, писал просто быстро)), я понимаю что должно быть так <ul> <li> <ul> <li></li> <li></li> </ul></li></ul> ))) главное что вы поняли суть и помогли. Большое спасибо!!))
    – Karalahti
    Commented 13 дек. 2013 в 8:19
1

Как уже сказали выше, код будет невалидный. Каждые два элемента списка нужно обернуть в свои теги <ul></ul>, а потом еще обернуть в <li></li>
Вот так, например

1
  • Тоже в принцепи имеет место быть)))
    – Karalahti
    Commented 13 дек. 2013 в 8:20
0
var arrOfLi = document.getElementsByTagName("LI"); // берем 10 и 20 li
var length = arr.length; // сохраняем количество li
var ul = document.getElementsByTagName("UL")[0]; // берем твой ul главный
for(var i=0;i<length;i++){
var subUl = document.createElement("UL"); // создаем внутренний ul
var subLi = document.createElement("LI"); // создаем li
subUl.appendChild(subLi); // присобачиваем li к ul
ul.appendChild(subUl); // присобачиваем внутренний ul с li ко внешнему ul
}

Ваш ответ

Нажимая «Отправить ответ», вы соглашаетесь с условиями пользования и подтверждаете, что прочитали политику конфиденциальности.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.