jQuery根据页面URL添加类

一尘不染

jQuery根据页面URL添加类

css

我有什么，我认为是一个简单的问题，但我不能得到它的工作，为我的生活。

我要做的就是在页面上添加一些javascript，从而根据URL将一个类添加到主页容器中。

假设我在root.com上有一个站点，并且具有以下html结构（松散地说）：

<html>
  <head>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  </head>
  <body>
    <div id="main" class="wrapper">
      Blah, blah, blah
  </body>
</html>

我想要做的是一个脚本，如果页面=（例如）root.com/technology，它将向主div添加一个类。因此div现在看起来像：

     <div id="main" class="wrapper tech">

我已经加载了jquery，所以我想这样做。

阅读 439

2020-05-16

共1个答案

一尘不染

您可以使用window.location获取当前URL，然后基于该URL进行切换：

$(function() {
  var loc = window.location.href; // returns the full URL
  if(/technology/.test(loc)) {
    $('#main').addClass('tech');
  }
});

它使用正则表达式查看URL是否包含特定短语（特别是technology），如果包含，则将一个类添加到该#main元素。

2020-05-16