html 将类激活添加到当前页面菜单链接https://htmlcssphptutorial.wordpress.com/2015/06/30/jquery-automatically-highlig

Posted 2021-05-11

<a class="{{$pages->url}}" href="{{ URL::to('/pages/'.$pages->url) }}">{{ $pages->title }}</a>

<script>

$(function () {

  var curPageSlug = (window.location.pathname.match(/[^\/]+$/)[0]);
  
  // si le queremos agregar la clase 'active' solo al link
  $('.'+curPageSlug).addClass('active');
  
  // si le queremos agregar la clase 'active' al link y al parent
  $('.'+curPageSlug).each(function(){
    $(this).addClass('active');
    $(this).closest('.dropdown').addClass('active');
  });

});

</script>