由querystring高亮显示菜单忽略区分大小写

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 [“产品”（通过here使用安迪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/