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

155

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>

ПОСЛЕДНИЕ ВОПРОСЫ

Все вопросы

ТОП-10

Все популярные вопросы

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

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

134

javascript

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

174

javascript

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

есть скрипт:

174

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]]

172