Как применить стиль к тэгу <li> через jquery?

128
14 декабря 2019, 07:30

Есть код который прекрасно работает для тэга <a>. Как применить его для тэга li?

< script > 
  $(function() { 
    $('a[href="' + window.location.pathname + '"]').addClass('active'); 
  }); < 
/script>
<style>.active { 
  background: #eec15b; 
} 
 
</style>
<ul class="kt-nav main-menu clone-main-menu"> 
  <li> 
    <a href="page1">page1</a> 
  </li> 
</ul>

Answer 1
$(function() {
  $('a[href="' + window.location.pathname + '"]').closest('li').addClass('active');
});
Answer 2
например так


$("li").css("background-color","red");
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> 
<ul class="kt-nav main-menu clone-main-menu"> 
  <li> 
    <a href="page1">page1</a> 
  </li> 
</ul>

READ ALSO
Повторный клик по ссылке
javascript

Повторный клик по ссылке

ситуация, если кликаю первый раз по ссылке(ajax пагинация)

 110
js картинка не показывает
javascript

js картинка не показывает

 139
не срабатывает часть кода
javascript

не срабатывает часть кода

есть скрипт:

 149
Почему код так работает?
javascript

Почему код так работает?

я хочу чтобы выводил что то похожее: [[1,0,0,0,0],[0,1,0,0,0],[0,0,1,0,0], [0,0,0,1,0], [0,0,0,0,1]]

 149