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>
