Jquery 通过查询突出显示菜单忽略区分大小写

我使用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>

---

只有当查询字符串与a href完全相同时，它才起作用。如何使其不区分大小写？非常感谢

您可以使用

.toLowerCase（）

方法：

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

或：

可能存在的副本

$("#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");