我有一个我认为的简单问题,但我无法让它在我的生活中发挥作用。
我想做的就是向页面添加一些 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,所以我想这样做。
最佳答案
您可以使用 window.location
获取当前 URL,然后根据它进行切换:
$(function() {
var loc = window.location.href; // returns the full URL
if(/technology/.test(loc)) {
$('#main').addClass('tech');
}
});
这使用正则表达式来查看 URL 是否包含特定短语(特别是:technology
),如果是,则向 #main
元素添加一个类。
关于javascript - jQuery 根据页面 URL 添加类,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9983091/