I want the current page of the navigation including the start page to get the css class "active". In addition, if a submenu item is selected, the parent menu should also get this class.
$(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>