javascript - URL 中的主题标签用于根据比较 ID 显示 div

标签 javascript jquery url hash hashtag

好的,我会尝试解释我的问题。
我需要将类“.active”添加到已经存在的类“.jobs”中,当 URL 的主题标签与 ID 相同时,标签内带有类“.jobs”。

这是仅用于一次比较的工作代码:

$(document).ready(function() {
    var hashVal = window.location.hash.split("#")[1];
    if(hashVal == 'programmer') {
        $("#programmer").addClass('active');
    }
});

实践中:
有人会访问网站 www.domain.tld/jobs#programmer 然后我需要将 ULR 中的“#programmer”与所有现有 ID <div> 进行比较标签,也有类“.jobs”,如果有人有 class="jobs"并且 id="programmer",我需要添加到这个 <div>标签类“active”。

有没有办法让 jQuery 代码更加可变? 就像不为每个 ID 名称添加比较一样?我还需要将浏览器窗口移动到具有该 ID 的 div 所在的位置。

最佳答案

var hashVal = window.location.hash.split("#")[1];    
if($('#'+hashVal).hasClass('jobs')) $('#'+hashVal).addClass('active');

关于javascript - URL 中的主题标签用于根据比较 ID 显示 div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40234408/

相关文章:

javascript - 添加和删​​除复选框,取决于输入值

html - URL 变量中间的问号

regex - 在 Cocoa 应用程序中验证用户输入的 URL 的最佳方法是什么?

ruby-on-rails - 如何在 Ruby on Rails 中获取当前的绝对 URL?

javascript - javascript 上的鼠标悬停和超时

javascript - 如何获取角色ID?

javascript - 制作类似谷歌日历的拖动界面

javascript - 使用 location.reload() 后滚动到特定的 div

javascript - ReferenceError : 'x' is not defined - asp.net mvc 局部 View 和 jQuery/JavaScript - 将整个模型传递给操作方法

javascript - AngularJS 固定页眉背景变化取决于页面