Is there a case insensitive jQuery :contains selector?

by

What I ended up doing for jQuery 1.2 is :

jQuery.extend(
    jQuery.expr[':'], { 
        Contains : "jQuery(a).text().toUpperCase().indexOf(m[3].toUpperCase())>=0" 
});

This will extend jquery to have a :Contains selector that is case insensitive, the :contains selector remains unchanged.

Edit: For jQuery 1.3 (thanks @user95227) and later you need

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

Edit:
Apparently accessing the DOM directly by using

(a.textContent || a.innerText || "")

instead of 

jQuery(a).text()

In the previous expression speeds it up considerably so try at your own risk if speed is an issue. (see @John ‘s question)

Latest edit: For jQuery 1.8 it should be:

jQuery.expr[":"].Contains = jQuery.expr.createPseudo(function(arg) {
    return function( elem ) {
        return jQuery(elem).text().toUpperCase().indexOf(arg.toUpperCase()) >= 0;
    };
});

More Related Contents:

  1. How can I know which radio button is selected via jQuery?
  2. Selecting and manipulating CSS pseudo-elements such as ::before and ::after using javascript (or jQuery)
  3. Should all jquery events be bound to $(document)?
  4. jQuery selector regular expressions
  5. jQuery selector for inputs with square brackets in the name attribute
  6. jQuery get specific option tag text
  7. How do I get jQuery to select elements with a . (period) in their ID?
  8. document.getElementById vs jQuery $()
  9. jQuery to loop through elements with the same class
  10. What is “context” in jQuery selector?
  11. jQuery’s .bind() vs. .on()
  12. How to get all options of a select using jQuery?
  13. JQuery .on() method with multiple event handlers to one selector
  14. Get index of clicked element in collection with jQuery
  15. Case insensitive jQuery attribute selector
  16. jQuery Selector + SVG Incompatible?
  17. jQuery select and wrap textNode
  18. Count immediate child div elements using jQuery
  19. Store jquery selector in variable
  20. How to get text node after element?
  21. jQuery: Check if div with certain class name exists
  22. Is there a ‘has focus’ in JavaScript (or jQuery)?
  23. jQuery :contains(), but to match an exact string
  24. Getting a jQuery selector for an element
  25. In jQuery, is selecting by class or id faster than selecting by some other attribute?
  26. Find HTML based on partial attribute
  27. Getting the “match” object in a Custom Filter Selector in jQuery 1.8
  28. jQuery difference between :eq() and :nth-child()
  29. jQuery selector to target any class name (of multiple present) starting with a prefix?
  30. Why do functional pseudos such as :not() and :has() allow quoted arguments?

Leave a Comment