Agregué una función al menú que agrega una clase activa a varios elementos cuando están en la página actual. Funciona bien.

Mi pregunta es si puedo acortar el código de alguna manera para tener un archivo limpio. Así que quería intentar reducir las dos variables $ en una sola línea, pero no sé si eso es posible.

Lo siento, pero soy nuevo. El objetivo final es acortar el código tanto como sea posible. Tal vez si hay otras formas de hacer esto, tendría curiosidad por probarlas. Agradezco cada respuesta, gracias.

Este es el código

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <script type="text/javascript"> $(document).ready(function() { if(window.location.href.indexOf("/settings/") > -1) { $("#menu-item-1").addClass('current_menu'); $("#menu-link-1").addClass('current_link'); } }); </script> <nav> <ul class="nav"> <li id="menu-item-1"><a id="menu-link-1" href="https://mywebsite.com/account/settings">Settings</a></li> </ul> </nav>

esto es lo que trato de hacer para acortar pero no funciona

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <script type="text/javascript"> $(document).ready(function() { if(window.location.href.indexOf("/settings/") > -1) { $("#menu-item-1", "#menu-link-1").addClass('current_menu current_link'); } }); </script> <nav> <ul class="nav"> <li id="menu-item-1"><a id="menu-link-1" href="https://mywebsite.com/account/settings">Settings</a></li> </ul> </nav>