Make :contains() be optionally case insensitive

[yehuda]

At the moment, :contains() is case sensitive only.

We need a way to make it optionally case insensitive.

[joern]

This could easily be added when required:

$.extend($.expr:?, {

"contains-ic": "jQuery.fn.text.apply([a])toLowerCase().indexOf(m[3].toLowerCase())>=0",

});

Untested, but pretty simple.

[weaverryan]

If anybody's looking for a tested version of the above:

	jQuery.extend(jQuery.expr[':'], {
		"contains-ic": "jQuery.fn.text.apply([a]).toLowerCase().indexOf(m[3].toLowerCase())>=0",
	});

[thewiredmous]

Thanks weaverryan, however I had an error with this code in Internet Explorer until i removed the extra comma from the second line:

CHANGE:

jQuery.extend(jQuery.expr:?, {

"contains-ic": "jQuery.fn.text.apply([a]).toLowerCase().indexOf(m[3].toLowerCase())>=0",

});

TO:

jQuery.extend(jQuery.expr:?, {

"contains-ic": "jQuery.fn.text.apply([a]).toLowerCase().indexOf(m[3].toLowerCase())>=0"

});

Works like a charm now!

[Abro]

Replying to mike123: could someone please del. this spam?

@thewiredmous : Firefox gives me a "X is not defined in jquery-1.3.2.js"

[Abro]

Replying to Abro:

$.extend($.expr[':'], {
  'containsi': function(elem, i, match, array)
  {
    return (elem.textContent || elem.innerText || '').toLowerCase()
    .indexOf((match[3] || "").toLowerCase()) >= 0;
  }
});

Works - thanks to ​Eric.

[reesd]

I think contains should be case insensitive in the core.

[anonymous]

Agreed, insensitive should be preferred by default.

[dmethvin]

In addition to the one mentioned above, there is one (icontains) in the docs for Sizzle:

​https://github.com/jquery/sizzle/wiki/Sizzle-Documentation

As far as changing the default, forget it. That would break code. The tools are right here for meeting your needs, they don't need to be in core for you to use them.

[[email protected]…]

I appreciate that :contains() cannot be changed to case-insensitive by default because it would break existing code. However, it's unacceptable to make the user search the Internet to find the workaround mentioned in this ticket. Please add a :containsIgnoreCase() selector to base jQuery. It's silly that it doesn't have this already.