javascript - jQuery:不区分大小写:包含

Question

这个问题已经有答案了:

Is there a case insensitive jQuery :contains selector? (12 个回答)

已关闭 9 年前。

我如何更改以下函数以不区分大小写搜索所有包含 search_text 的链接的 div 元素(div[id*=music])；

function search(el){
    var search_text = $(el).val();
    //if(!search_text) return false;
    var search_block = $('div.music_box');
    search_block.children('div[id*=music]:hidden').show();
    search_block.children('div[id*=music]').filter(':not(:has(a:contains('+search_text+')))').hide();
    console.log(search_block.children('div[id*=music]'));
}

jQuery v1.10.2

Answer 1

试试这个:

jQuery.expr[':'].Contains = function(a,i,m){
    return (a.textContent || a.innerText || "").toUpperCase().indexOf(m[3].toUpperCase())>=0;
};

然后你可以像这样使用它:$("element:Contains")