Доброго времени суток! Есть списко
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
Что-то концепция у вас быстро меняется )) В заголовке "каждые 7 элементов", а в вопросе уже "каждые 2". И еще, вас не смущает тот факт, что структура будет не валидной? ul может быть дочерним li-элемента, но не ul. В общем, набросал вам пример, а если все-таки хотите, чтоб ul был вложен в ul, то уберете лишние li из кода внутри метода wrapAll().
Как уже сказали выше, код будет невалидный. Каждые два элемента списка нужно обернуть в свои теги <ul></ul>
, а потом еще обернуть в <li></li>
Вот так, например
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
}