CODEWITHSUNDEEP
javascriptregex
KiiroSora09
KiiroSora09

Reputation: 2287

Javascript regular expression prevent matching inside tags

I have to match a string that is not inside tags. I am working on projects that I don't have control over the back-end html rendering code. What I need to do is add a hover functionality for multiple dynamic words. I created a script that will look for those key words in specific elements and add their description in title tags for the hover. My problem is that if other keywords are found in other keyword's title tags.

My JS:

var str = 'match <span title="not match here">match</span> match';
str.replace( /match/gim, 'ok' );

I do not want the "match" word in the title attribute to be replaced, my desired result is:

'ok <span title="not match here">ok</span> ok'

how can I do that with Javascript?

I tried the expression below but it's not working for me:

^((?!(".+")match)*$

Upvotes: 0

Views: 224

Answers (1)

Casimir et Hippolyte
Casimir et Hippolyte

Reputation: 89547

You need to capture tags first to be able to avoid them:

var result = str.replace(/(<[^>]*>)|match/gi, function (_,g1) {
    return (g1==undefined)? 'ok':g1;
});

But if you can, using the DOM is probably the best way.

Upvotes: 2

Related Questions