Case-insensitive contains

Question

Possible Duplicate:
Is there a case insensitive jQuery :contains selector?

I tried to look everywhere online for a way to use the contains jQuery selector in a case-insensitive manner, but I couldn't really find any that actually functioned with the latest version of jQuery.

Thank you so much in advance!

Did you try the [first google result](http://stackoverflow.com/questions/187537/is-there-a-case-insensitive-jquery-contains-selector)? — Asad Saeeduddin, Feb 01 '13 at 05:12
@asad I did. It didn't function for me with the latest version of jQuery. — , Feb 01 '13 at 05:13
@user40531 It works with 2.0.0b http://jsfiddle.net/rSPU7/1/ — Asad Saeeduddin, Feb 01 '13 at 05:15

score 2 · Accepted Answer · answered Feb 01 '13 at 05:13

2

Here's a custom implementation:

$.expr[':'].icontains = $.expr.createPseudo(function( text ) {
    text = text.toLowerCase();
    return function (el) {
        return ~$.text(el).toLowerCase().indexOf( text );
    }
});

Use it like this:

$(':icontains(SoMeThInG)');

Here's the fiddle: http://jsfiddle.net/CTg86/

answered Feb 01 '13 at 05:13

Joseph Silber

214,931
59
362
292

@Explosion Pills - `~` in this case gives the 1's compliment of `$.text(el).toLowerCase().indexOf( text )`. But why? – techfoobar Feb 01 '13 at 05:15
1

http://www.joezimjs.com/javascript/great-mystery-of-the-tilde/ – Barmar Feb 01 '13 at 05:16
@Barmar - Thats clear. This means it'll return 0 if not found or a negative number if found ? – techfoobar Feb 01 '13 at 05:17
1

@techfoobar Yeah, basically turns -1 falsy and anything else non falsy. – Asad Saeeduddin Feb 01 '13 at 05:19
@Asad - Ahh, right. Ok. Now thats a cool usage of `~`. I would've writtena stupid if or a ternary. – techfoobar Feb 01 '13 at 05:21
But looky here, it doesn't work! http://dumbsearch.com/stackoverflow.php – Feb 01 '13 at 05:21
@user40531 - You're using an outdated version of jQuery (1.4.2) – Joseph Silber Feb 01 '13 at 05:23

Case-insensitive contains

1 Answers1