jquery - 当 URL 包含特定字符串时，如何向元素添加/删除类？

Question

这个问题已经有答案了:

How to retrieve GET parameters from JavaScript [duplicate] (17 个回答)

已关闭 7 年前。

我有一些选项卡:

<!-- Nav tabs -->
  <ul class="nav nav-tabs" role="tablist">
    <li role="presentation" id="hometab" class="active"><a href="http://www.mypage.com/" >Home</a></li>
    <li role="presentation" id="contenttab"><a href="#content" aria-controls="content" role="tab" data-toggle="tab">content</a></li>
  </ul>

  <!-- Tab panes -->
  <div class="tab-content">
    <div role="tabpanel" class="tab-pane active" id="home">home</div>
    <div role="tabpanel" class="tab-pane" id="content">content</div>
  </div>

当我的 URL 包含字符串 ?dir 时，我想向选项卡添加一个类.

例如:如果我的 URL 是 www.mypage.com/?dir=something然后#contenttab应该是活跃的。如果 URL 仅为
www.mypage.com然后#contenttab不应处于事件状态，但 #hometab应该是活跃的。

    <script type="text/javascript">
$(document).ready(function() {
    var url = location.pathname;
    if ("url:contains('?dir')") {
        $("#contenttab").attr("class","active");
        $("#hometab").removeClass("active");

    } else {
    $("#contenttab").removeClass("active");
    $("#hometab").attr("class","active");
    }

});        
</script>

我的脚本无法运行。 #contenttab始终处于事件状态并且 #hometab从不活跃。

Answer 1

尝试检查一下:

if ( url.indexOf( '?dir' ) !== -1 ) { ... }

或者尝试使用:

var url = location.search; // or location.href;

if ( url.indexOf( '?dir' ) !== -1 ) { ... }