Question

var search_name = location.search;
    if (search_name.search("cate_no=24")  > 0) {
        $(".cate_new a").addClass("active");
    }
});

如果当前文档网址为http://abc.com/list.html?cate_no=24，我想在li a中添加“active”类。

我搜索并找到了这些js代码，但它不起作用。这是错的吗？

Answer 1

这是不正确的。如果找到匹配项， search() 会返回匹配的偏移位置，如果找不到匹配项，则 -1 。

当您检查cate_no=24是否包含cate_no=24时，如果为真，它将返回 0 。

目前，您的条件检查search()是否会返回＆gt; 0 ，这不是你想要的。

你应该做的是检查它是否更大＆gt; -1 ：

if (search_name.search("cate_no=24") > -1)

虽然，正如我在回答的第一个修订版中提到的那样，使用 indexOf() 会更好更快，（search()是应该在处理正则表达式时使用，而不是用于简单的字符串搜索）。

if (search_name.indexOf("cate_no=24") > -1)

Answer 2

search只会为您提供字符串。这将是你的?cate_no=24

所以我们保留第一部分，并尝试在search_name中找到所需的值作为字符串。

var search_name = location.search;

这是我们如何找到所需模式的索引。

if (search_name.indexOf("cate_no=24") > 0) {
    $(".cate_new a").addClass("active");
}

Answer 3

我的个人博客是静态的，所以我还必须弄清楚如何在没有PHP或其他服务器端代码的情况下做到这一点。

这段代码抓取当前URL的路径，例如如果您在http://example.com/about，它将返回字符串'/about/'。从那里你编写一个简单的条件来添加一个类到你选择的链接。

var currentURL = window.location.pathname.toString();
console.log(currentURL);

if (currentURL = '/about/') { 
    $('a#about').addClass('active')
} else if (currentURL = '/work/') {
    ...
}

这可以进一步开发以从具有特定类（例如.nav-items）的链接数组中获取href属性，并将活动类添加到具有等于返回字符串的href的任何元素。 / p>

Answer 4

试试这个

<li class="<?php if(isset($_REQUEST['cate_no']) && $_REQUEST['cate_no']=="24") { echo "active";}?>"></li>

如何根据当前url添加类

4 个答案: