Quiero que la página actual de navegación, incluida la página de inicio, tenga la clase css "activa". Además, si se selecciona un elemento de submenú, el menú principal también debería obtener esta clase.
$(document).ready(function(){ $("a[href*='" + location.pathname + "']").addClass("active"); }); .active { background-color: #009EE3; color:#fff; } <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <div id="container"> <nav> <ul> <li class="first-menu"><a href="http://test.local/">Home</a></li> <li class="first-menu"><a href="">Menu1</a> <ul> <li class="sub-menu"><a href="/m1a/">Menu1Sub1</a></li> <li class="sub-menu"><a href="/m1b/">Menu1Sub2</a></li> <li class="sub-menu"><a href="/m1c/">Menu1Sub3</a></li> <li class="sub-menu"><a href="/m1d/">Menu1Sub4k</a></li> </ul> </li> <li class="first-menu"><a href="/downloads/">Menu2</a></li> </nav> </div>