由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/