javascript - 使用 URL id - Jquery 将类添加到另一个页面属性

Question

我已将 ID 附加到 URL。例如:当我点击 Link 1 时，它有 #tab-2 id，它将我带到登陆页面。在着陆页中，我找到了哪个元素具有 #tab-2 id，然后我必须添加类 .active。

我试过了，但没有成功。请任何人更正我的代码。谢谢

JS Fiddle link

HTML

<div class="menu">
    <ul>
        <li><a href="http://jsfiddle.net/gscyoa0j/1/#tab-2">LINK 1</a></li>
        <li><a href="http://jsfiddle.net/gscyoa0j/1/#tab-44">LINK 2</a></li>
        <li><a href="http://jsfiddle.net/gscyoa0j/1/#tab-74">LINK 3</a></li>
    </ul>
</div>

着陆页

<div class="tab">
    <ul>
        <li><a id="tab-2" class="active" >LINK 1 Content</a></li>
        <li><a id="tab-44" >LINK 2 Content</a></li>
        <li><a id="tab-74" >LINK 3 Content</a></li>
    </ul>
    </div>

Jquery

$(document).ready(function(){
    $(".menu ul li a").each(function(){
              var url = window.location.pathname;
              var id = url.substring(url.lastIndexOf('/') + 1);
              var land = $('.tab').find("id");
              if( land == id ) {
                $('this').addClass('active');
              }
    })
});

Answer 1

假设我已经理解您的要求，您可以使用 window.location.hash 从页面的 URL 中检索哈希值。然后您可以使用它直接选择所需的元素并在加载新页面时向其添加一个类:

$(function() {
    var id = window.location.hash; // = '#tab-2', in your first link.
    $(id).addClass('active');
});