Как получить идентификатор из URL и сделать его: фокусом ассоциированного идентификатора при загрузке страницы?

Question

Нажмите на эту ссылку: https://phonestage.wpengine.com/documentation/#admin_guide_2

См. Идентификатор (# admin_guide_2) в последней части ссылки. Я сделал эту работу с содержимым страницы, поэтому, когда вы загрузите эту страницу, вы увидите правильную связь с этим идентификатором. На левой стороне этот идентификатор также существует на «Шаг 1: Аутентификация». Я хочу, чтобы эта ссылка фокусировалась, когда кто-то приходит с этой ссылкойЕсть идеи как это сделать?

Answer 1

Как это

var hash = "#admin_guide_3" // location.hash

$(function() {
  $("a").filter(function() {
    var href = $(this).attr("href");
    return href ? href.substring(href.indexOf("#")) === hash : false;
  }).focus();
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<a name="something">Nothing</a>
<ul>
  <li><a href="/documentation/#admin_guide_2">Step 1: Authentication</a></li>
  <li><a href="/documentation/#admin_guide_3">Step 2: Configuration &amp; Setup</a></li>
  <li><a href="/documentation/#admin_guide_4">Disconnecting the Telephony Integration or Starting Over &#8211; ADMIN USE ONLY</a></li>
</ul>