Как реализовать смену стиля <li>
предыдущего, если есть класс "active" у элемента <a>
?
<li class="ai">
<a class="active" href="#">
</li>
<li class="ai">
<a href="#">
</li>
<li class="ai">
<a href="#">
</li>
Stack Overflow на русском — это сайт вопросов и ответов для программистов. Присоединяйтесь! Регистрация займёт не больше минуты.
Присоединиться к сообществуМожно выбрать все элементы <a>
с классом .active
, и их родителям добавить класс, например, .ai-active
:
$('a.active').parent().addClass('ai-active');
$('a.active').parent().addClass('ai-active');
.ai{border:1px solid #AAA}
.ai-active {background-color:#F93}
a.active { display:block;width:50px; background-color:#09F; text-align:center}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<li class="ai">
<a class="active" href="#">1</a>
</li>
<li class="ai">
<a href="#">2</a>
</li>
<li class="ai">
<a href="#">3</a>
</li>
<a class='active'>
?$('a.active').parent().addClass('ai-active');
– так можно добавить класс "ai-parent" родительскому ("предыдущему") элементу.