Javascript jQuery:不区分大小写:contains
如何更改下面的函数,以不区分大小写地搜索所有包含搜索文本链接的div元素(div[id*=music])Javascript jQuery:不区分大小写:contains,javascript,jquery,jquery-selectors,Javascript,Jquery,Jquery Selectors,如何更改下面的函数,以不区分大小写地搜索所有包含搜索文本链接的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();
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试试这个:
jQuery.expr[':'].Contains = function(a,i,m){
return (a.textContent || a.innerText || "").toUpperCase().indexOf(m[3].toUpperCase())>=0;
};
然后您可以像这样使用它:
$(“元素:包含”)
不要过度使用DOM选择器。使用过滤回调,不区分大小写的字符串比较在这里很简单。Bergi,你能给我展示一下我的函数过滤的例子吗?)