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

@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
  

@hobart.rath 

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

HTML:

1
2
3
4
5

<ul id="myList">
  <li>Элемент 1</li>
  <li>Элемент 2</li>
  <li>Элемент 3</li>
</ul>

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

1
2
3
4
5

$(document).ready(function(){
  $('#myList li').each(function() {
    $(this).wrap('<div class="container"></div>');
  });
});

Этот код добавит вокруг каждого элемента списка , получив следующую структуру:

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11

<ul id="myList">
  <div class="container">
    <li>Элемент 1</li>
  </div>
  <div class="container">
    <li>Элемент 2</li>
  </div>
  <div class="container">
    <li>Элемент 3</li>
  </div>
</ul>

Таким образом, каждый элемент списка будет обернут в свой собственный контейнер .