jquery and RegExp

Question

I build a function thar replace a keyword in the HTML to a link. The problem is that when the keyword is in a link then it will replaced it.

$(document).ready( function () {
    $("#content").highlight( "example", "<a href=\"http://www.example.com\">$1</a>" );});

jQuery.fn.highlight = function (text, o) {
return this.each( function(){
    var replace = o;
    $(this).html( $(this).html().replace( new RegExp('('+text+'(?![\\w\\s?&.\\/;#~%"=-]*>))', "ig"), replace) );
});}

and my HTML

<div id="content">
    <h2>the word "example" replaced by the link</h2>
    <p>this is an example</p>

    <p>this is an example number 2</p>
    <p><a href="http://www.wrong.com">this is an example</a></p>
</div>

I don't know jQuery's .html method, but this looks like another attempt to parse HTML with regular expressions. — Svante
– Svante, Commented May 12, 2009 at 13:36

Skoog · Accepted Answer · 2009-05-12 10:48:07Z

1

I would check each element in the loop to see if it's a anchor tag before doing the replace.

if( !$(this).is('a') ) {
  // Replace Code here
}

answered May 12, 2009 at 10:48

Skoog

3871 silver badge10 bronze badges

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

1 Comment

eyalb Over a year ago

i don't go over the text in a loop. i replace it with the replace function, so i cant check every replace.

Collectives™ on Stack Overflow

jquery and RegExp

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related