Как обернуть каждый элемент в контейнер с помощью jquery?

Пользователь

от hobart.rath , в категории: JavaScript , месяц назад

Как обернуть каждый элемент в контейнер с помощью jquery?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

1 ответ

Пользователь

от jensen , месяц назад

@hobart.rath 

Вы можете использовать метод .wrap() в jQuery для обертывания каждого элемента в контейнер. Вот пример:


HTML:

1
2
3
4
5
  Элемент 1
  Элемент 2
  Элемент 3


JavaScript (с использованием jQuery):

1
2
3
$(document).ready(function(){
  $('#myList li').wrap('');
});


В результате каждый элемент списка <li> будет обернут в <div class="container">, получив следующую структуру:

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
  
    Элемент 1
  
  
    Элемент 2
  
  
    Элемент 3