Сообщение от Igorsrt
|
не знаю, все равно не работает почему-то
|
<html>
<head>
<title>Untitled</title>
<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
</head>
<body>
<!-- список ссылок -->
<ul>
<li class="active"><a class="resh-1" id="1" href="#1">Ссылка1</a></li>
<li><a id="2" class="resh-2" href="#2">Ссылка2</a></li>
<li><a id="3" class="resh-3" href="#3">Ссылка3</a></li>
</ul>
<!--и список элементов -->
<div class="obl-prim">
<div id="el1" class="col-xs-2">Элемент1</div>
<div id="el2" class="col-xs-2">Элемент2</div>
<div id="el3" class="col-xs-2">Элемент3</div>
<div id="el4" class="col-xs-2">Элемент4</div>
<div id="el5" class="col-xs-2">Элемент5</div>
<div id="el6" class="col-xs-2">Элемент6</div>
</div>
<script>
$(function(){
$('[class^="resh-"]').click(function(){
var cls=$(this).attr('class').split(' ').filter(function(val){
return val.indexOf('resh-')==0;
});
$('.obl-prim').addClass(cls.join(' '));
alert($('.obl-prim').attr('class'));
});
});
</script>
</body>
</html>