Добавьте CSS, если URL-адрес страницы равен <a>, ссылка на страницу не работает при наличии # тегов привязки

Question

У меня есть следующий код, который проверяет, совпадает ли URL страницы с "href" элемента на странице, и если это так, он добавляет класс CSS к этому тегу

  $(document).ready(function($){
      var pgurl = window.location.href;
      $("div.scrollmenu.restyled span").each(function(){
           if($(this).find('a').attr("href") == pgurl || $(this).find('a').attr("href") == '' )
            $(this).addClass("active");
      })
  });

Это прекрасно работает, но у меня есть якоря на некоторых страницах, и это мешает ему применить класс CSS к элементу.

Например, domain.com/page- name / добавляет класс CSS, а domain.com/page-name/#named-anchor этого не делает.

Полагаю, мне нужно изменить код, чтобы он смотрел, если Тег "href" содержится в URL страницы, а не в точности совпадает.

Answer 1

Вы можете использовать var pgurl = window.location.origin + window.location.pathname.

Это даст вам URL страницы без учета хешей (#).