Как я могу сохранить текущее меню страниц в разбивке по страницам?

У меня есть меню навигации на странице, которая выделяет текущее меню, на котором вы находитесь, на основе URL, добавляя класс.

Моя проблема заключается в том, что моя страница разбита на страницы, поэтому иногда пользователь заканчивает:

http://example.com:4001/wordpress/calientes/page/2/ , / page / 3 /, / page / 4 / и т. д. …

Каков наилучший способ, чтобы мое меню было выделено, когда пользователь просматривает страницы?

Это мое меню:

 <div class="innerhead"> <ul> <code><li> <a href="http://example.com:4001/wordpress/calientes/">Calientes </a> </li> <li><a href="http://example.com:4001/wordpress/tendencias/">Tendencias</a></li> </code> </ul> </div> 

Это сценарий, который используется для выделения текущего меню страницы:

 <script> $(function(){ // this will get the full URL at the address bar var url = window.location.href; // passes on every "a" tag $(".innerhead a").each(function() { // checks if its the same on the address bar if(url == (this.href)) { $(this).closest("li").addClass("active"); } }); }); </script>