jQuery :contains() selector uppercase and lower case issue

by

You can change the .contains filter to be case insensitive or create your own selector.

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

This creates a new selector: icontains (or you could name it insensitive-contains, or whatever suits your fancy).
It’s usage would be the same as contains: $('div:icontains("Stack")'); would match:

<div>stack</div>
<div>Stack</div>
<div>StAcKOverflow</div>

Or override the existing .contains filter:

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

With this in place,

$("div:contains('John')");

would select all three of these elements:

<div>john</div>
<div>John</div>
<div>hey hey JOHN hey hey</div>

More Related Contents:

  1. How can I get the ID of an element using jQuery?
  2. Select element by exact match of its content
  3. jquery data selector
  4. Sort divs in jQuery based on attribute ‘data-sort’?
  5. How can I change CSS display none or block property using jQuery?
  6. Set selected option of select box
  7. How do I access style properties of pseudo-elements with jQuery? [duplicate]
  8. jQuery dot in ID selector? [duplicate]
  9. What is the fastest method for selecting descendant elements in jQuery?
  10. fullcalendar multiple cell select on mobile device?
  11. How can I exclude $(this) from a jQuery selector?
  12. Using jquery to get all checked checkboxes with a certain class name
  13. Multiple selector chaining in jQuery?
  14. jQuery : eq() vs get()
  15. jQuery selector for the label of a checkbox
  16. jQuery select by attribute using AND and OR operators
  17. Target elements by class prefix
  18. jquery – Select all elements after a certain element
  19. How do I get a jQuery selector’s expression as text?
  20. Difference between CSS selector and jQuery filter?
  21. Get the current jQuery selector string?
  22. How to detect if a browser is Chrome using jQuery?
  23. jQuery mobile- For every live tap event should there be an equivalent click event?
  24. jquery select siblings ‘until’
  25. Get the selected option id with jQuery
  26. What JQuery selector excludes items with a parent that matches a given selector?
  27. Cleanest way to get the next sibling in jQuery
  28. Performance differences between using “:not” and “.not()” selectors?
  29. jQuery selector where text = some value
  30. jquery filtering has + not

Leave a Comment