Writing jQuery selector case-insensitive version

Question

I\'m using following line and I would like to make it case-insensitive:

var matches = $(this).find(\'div > span > div#id_to_find[attributeName ^= \"fil         


        

Answer 1

Here you can see:

http://www.ericmmartin.com/creating-a-custom-jquery-selector/

What you have to do is to create a custom jquery selector:

jQuery.extend(jQuery.expr[':'], {
    exactIgnoreCase: "(a.textContent||a.innerText||jQuery(a).text()||'').toLowerCase() == (m[3]).toLowerCase()"
});

And then just use it:

$("#detail select.fields option:exactIgnoreCase(" + q.val() + "):first");