Replace specific text using jquery

Question

Here is a text in html

...now have strategies to |lead our company| successfully...

and here is what I want using jquery

...now have strategies to <strong>lead our company</strong> successfully...

I tried

jQuery(function(){ 
   jQuery('.quotes').each(function() { 
     console.log(jQuery(this).text()); 
     var text = jQuery(this).text().replace(/[|]/g,"<strong>"); 
     var texts = jQuery(text).replace(/[|]/g,"</strong>");
     jQuery(this).html(text); 
   }); 

});

I did but it makes the bold string up to the end of the string. not the string in between the symbol — Rizwi
– Rizwi, Commented Mar 16, 2017 at 8:23

Moishe Lipsker · Accepted Answer · 2017-03-16 08:25:37Z

2

You can use a regex with a global modifier like this:

\|([^|]+)\|

with a replacement of:

'<strong>$1</strong>'

The | is a special character in regex and can be escaped (\|) to refer to it literally.

The ([^|]+) captures a group containing at least one non | character.

var text = '...now have strategies to |lead our company| successfully...';
text = text.replace(/\|([^|]+)\|/g, '<strong>$1</strong>');
console.log(text);

answered Mar 16, 2017 at 8:25

Moishe Lipsker

3,0322 gold badges24 silver badges29 bronze badges

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

1 Comment

Rory McCrossan Over a year ago

This is a better answer than mine as yours will work when there's multiple |...| sections in the text.

Collectives™ on Stack Overflow

Replace specific text using jquery

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