Javascript-форум - управление dom

Javascript-форум (https://javascript.ru/forum/)

- Элементы интерфейса (https://javascript.ru/forum/dom-window/)

- - управление dom (https://javascript.ru/forum/dom-window/61646-upravlenie-dom.html)

управление dom

Здравствуйте, подскажите пожалуйста как программным способом выполнить следующую задачу:

Из этого:

<div class="lSAction">
	<a href="#" class="lSPrev"></a>
	<a href="#" class="lSNext"></a>
</div>

В это:

<div class="lSAction">
	<div class="myClass">
		<a href="#" class="lSPrev"></a>
	</div>
	<div class="myClass2">
		<a href="#" class="lSNext"></a>
	</div>
</div>

s24344,

<!DOCTYPE HTML>

<html>

<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <style type="text/css">
  .myClass a{
    width: 50px;
    height: 30px;
    display: inline-block;
    background-color: rgb(255, 0, 255);
  }
  .myClass2 a{
     width: 50px;
     height: 30px;
     display: inline-block;
    background-color: rgb(255, 255, 0);
  }
  </style>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
  <script>
   $(function(){
     var arrClass = ["myClass","myClass2"];
     $(".lSAction a").wrap(function(i) {
   return $("<div/>",{"class" : arrClass[i]})
})
   })
  </script>
</head>

<body>
<div class="lSAction">
	<a href="#" class="lSPrev"></a>
	<a href="#" class="lSNext"></a>
</div>

</body>

</html>

s24344,
Как Вариант:

<script>
$('.lSAction a').each(function(i){
  $(this).wrap('<div class="myClass'+i+'"></div>');
});
</script>