Make Javascript regular expression case insensitive

Question

I'm using a jquery function I found to find words in a div and highlight them. I'm using this along with a search tool so the case is not always going to match the words exactly. How can I convert this to make it case insensitive?

$.fn.highlight = function(what,spanClass) {
    return this.each(function(){
        var container = this,
            content = container.innerHTML,
            pattern = new RegExp('(>[^<.]*)(' + what + ')([^<.]*)','g'),
            replaceWith = '$1<span ' + ( spanClass ? 'class="' + spanClass + '"' : '' ) + '">$2</span>$3',
            highlighted = content.replace(pattern,replaceWith);
        container.innerHTML = highlighted;
    });
}

Joseph · Accepted Answer · 2012-03-23 02:37:59Z

25

pattern = new RegExp('(>[^<.]*)(' + what + ')([^<.]*)','gi')

add the 'i' flag to make it case insensitive

answered Mar 23, 2012 at 2:37

Joseph

120k31 gold badges186 silver badges238 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

jjm · Accepted Answer · 2012-03-23 02:38:15Z

0

Just add the 'i' flag.

pattern = new RegExp('(>[^<.]*)(' + what + ')([^<.]*)','gi')

answered Mar 23, 2012 at 2:38

jjm

6,2282 gold badges27 silver badges28 bronze badges

Comments

Zed · Accepted Answer · 2012-03-23 02:38:33Z

0

$.fn.highlight = function(what,spanClass) {
return this.each(function(){
    var container = this,
        content = container.innerHTML,
        pattern = new RegExp('(>[^<.]*)(' + what + ')([^<.]*)','gi'),
        replaceWith = '$1<span ' + ( spanClass ? 'class="' + spanClass + '"' : '' ) + '">$2</span>$3',
        highlighted = content.replace(pattern,replaceWith);
    container.innerHTML = highlighted;
});

}

answered Mar 23, 2012 at 2:38

Zed

5955 silver badges4 bronze badges

Comments

j08691 · Accepted Answer · 2012-03-23 02:38:43Z

0

Just add "i":

pattern = new RegExp('(>[^<.]*)(' + what + ')([^<.]*)','gi'),

From MDN:

Regular expressions have four optional flags that allow for global and case insensitive searching. To indicate a global search, use the g flag. To indicate a case-insensitive search, use the i flag. To indicate a multi-line search, use the m flag. To perform a "sticky" search, that matches starting at the current position in the target string, use the y flag. These flags can be used separately or together in any order, and are included as part of the regular expression.

answered Mar 23, 2012 at 2:38

j08691

209k33 gold badges269 silver badges281 bronze badges

Collectives™ on Stack Overflow

Make Javascript regular expression case insensitive

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related