0

Как реализовать смену стиля <li> предыдущего, если есть класс "active" у элемента <a>?

 <li class="ai">
   <a class="active" href="#">
 </li>
 <li class="ai">
   <a href="#">
 </li>
 <li class="ai">
   <a href="#">
 </li>
4
  • Какого "предыдущего"? Того, в котором <a class='active'>?
    – user194374
    29 янв 2016 в 9:41
  • Вы все верно поняли 29 янв 2016 в 9:43
  • @kff Если есть <a class='active'>, то нужно изменить класс li в котором он находится 29 янв 2016 в 9:51
  • Когда должна происходить смена? По клику? $('a.active').parent().addClass('ai-active'); – так можно добавить класс "ai-parent" родительскому ("предыдущему") элементу.
    – Sergiks
    29 янв 2016 в 9:51

1 ответ 1

2

Можно выбрать все элементы <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>

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.