jquery - 通过查询字符串突出显示菜单忽略区分大小写

Question

我使用 jquery 来突出显示我的菜单。这是我的 html 的样子

<div id="menu">
    <div class="item"><a href="?product=abc">ABC</a></div>
    <div class="item"><a href="?product=XYZ">XYZ</a></div>
    <div class="item"><a href="?product=Test">Test</a></div>
</div>

假设我得到了当前查询字符串的值：urlParams[“product”]（在这里使用 Andy E 的代码）

$(document).ready(function() {
        $("#menu").find("a[href='?product=" + urlParams["product"] + "']").addClass("selected");
    });

仅当查询字符串与 href 完全一样时才有效。我怎样才能使它不区分大小写？非常感谢

Answer 1

您可以使用.toLowerCase()方法：

$("#menu").find("a").filter(function(){
    return this.href.toLowerCase().indexOf(urlParams["product"].toLowerCase()) > -1;
}).addClass("selected");

或者：

var query = urlParams["product"].toLowerCase();

$("#menu a").filter(function(){
   return this.href.split('=')[1].toLowerCase() === query;
}).addClass("selected");

http://jsfiddle.net/RuYkn/