jQuery:Case insensitive :contains

Question

How can i to change below function for case insensitive search all div elements(div[id*=music]) which has a link contains search_text;

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

Don't over-use DOM selectors. Use a filtering callback, case-insensitive string comparison is trivial there. — Bergi, Jun 14 '14 at 15:46
Bergi, can you to show me example with filtering for my function? ) — Suleiman, Jun 14 '14 at 15:54

score 1 · Accepted Answer · answered Jun 14 '14 at 15:48

1

Try this:

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

and then you ca use it like: $("element:Contains")

answered Jun 14 '14 at 15:48

Iulian Miu

218
2
8

jQuery:Case insensitive :contains

1 Answers1