Javascript replacing function (Regex)

Question

I guess what I need is regular expression.

lets say I have a var containing the following text:

var texty_texy = "Title:<br />Hey there,<br />I'm a simple text.";

How do I determine if there is a "Title: " in my var (ofcourse "Title" could be changed to "Tuna: " or anything) and how do I replace it with:

<div class='title'>Title:</div>Hey there,<br />I'm a simple text.

Dmitry Zaets · Accepted Answer · 2014-06-29 15:42:51Z

1

You can use groups in your Regular expression by surrounding parts with ().

That means that it will match only if all of parts where found, but also will save results. So /^(\w*)(:)/ will search for Title: and will split in on $1 = Title and $2 = : . But in case when you need to capture only one part then you can use simplified expression: /^(\w*):/

Then while replacing you can use this variables to add then to resuls by adding $1 or $2 into text.

var text = "Title:<br />Hey there,<br />I'm a simple text.";

var result = text.replace(/^(\w*):<br \/>/g, "<div class='title'>$1:</div>");

Result is:

<div class='title'>Title:</div>Hey there,<br />I'm a simple text.

edited Jun 29, 2014 at 15:42

answered Jun 29, 2014 at 15:13

Dmitry Zaets

3,2871 gold badge23 silver badges33 bronze badges

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

6 Comments

matt4692 Over a year ago

Not quite what I wanted. a script to determine if there is something that looks like the pattern of a title ("Text: ", "Hi: ")

b01 Over a year ago

No need to capture the br tag, you can remove the parenthesis surrounding it. But this will work.

matt4692 Over a year ago

but my title doesn't nessaseraly going to be "Title", but the ": " is always going to be there in the var.

matt4692 Over a year ago

That's what I need! - but I got "Unexpected quantifier"

SeinopSys Over a year ago

I believe : should have a backslash before it: \:

|

Collectives™ on Stack Overflow

Javascript replacing function (Regex)

1 Answer 1

6 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

6 Comments

Your Answer

Sign up or log in

Post as a guest

Related