javascript - 选择具有相同 URL id 的类

Question

我在一页上有一个过滤器。当用户进入此页面时，如果他们有 ID，我希望此过滤器触发该 ID。

例如，如果 id = event，我希望触发事件过滤器。

是否有更流畅的方式来显示它，而不是显示每个单独的 id？

例如，这在下面工作:-

    if ( document.location.href.indexOf('#events') > -1 ) {
        $(".btn.events").trigger('click'); 
    }
    if ( document.location.href.indexOf('#video') > -1 ) {
        $(".btn.video").trigger('click'); 
    }

但如果这是流畅的，效果会更好。我真的需要说如果URL有一个ID，然后找到具有相同类的按钮并触发这个事件。

谢谢

Answer 1

假设目标元素上的类始终与 URL 片段的内容匹配，那么您可以非常简单地对此进行泛化:

var fragment = window.location.hash;
if (fragment) {
  var target = fragment.substring(1);
  $(".btn." + target).trigger('click'); 
}