Insert string before and after dynamic string

Question

Suppose I have following string..

string = 'bla bla bla data-id="34232" bla bla bla bla data-id="457667" bla bla bla bla bla bla data-id="45454" bla bla'

i need to replace into following string..

string = 'bla bla bla <div data-id="34232"></div> bla bla bla bla <div data-id="457667"></div> bla bla bla bla bla bla <div data-id="45454"></div> bla bla'

I was doing this..

string.match(/data-id="(.*?)"/g);
// ["data-id="34232"", "data-id="457667"", "data-id="45454""]

after that, I don't have idea how to accomplish this...

thank You for any help..

string.replace(/that/, '<div data-id="$1"></div>');

Tushar
– Tushar

2016-05-23 09:33:02 +00:00
Commented May 23, 2016 at 9:33 — Tushar
– Tushar, Commented May 23, 2016 at 9:33

Pranav C Balan · Accepted Answer · 2016-05-23 09:41:53Z

2

Use replace() to perform string replacement and use $& which helps to inserts the matched substring in replacement string.

var str = 'bla bla bla data-id="34232" bla bla bla bla data-id="457667" bla bla bla bla bla bla data-id="45454" bla bla';

console.log(
  str.replace(/data-id=".*?"/g, '<div $&></div>')
)

edited May 23, 2016 at 9:41

answered May 23, 2016 at 9:36

Pranav C Balan

115k25 gold badges172 silver badges195 bronze badges

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

Comments

gurvinder372 · Accepted Answer · 2016-05-23 09:34:41Z

0

try this (using split and minor modification to your regex)

string = string.split(/(data-id=".*?)"/).map(function(val, index){ if ( index % 2== 1 ){ val = "<div " + val + "></div>" } return val; }).join("");

DEMO

var string = 'bla bla bla data-id="34232" bla bla bla bla data-id="457667" bla bla bla bla bla bla data-id="45454" bla bla'
string = string.split(/(data-id=".*?)"/).map(function(val, index){ if ( index % 2== 1 ){ val = "<div " + val + "></div>" } return val; }).join("");
alert(string);

answered May 23, 2016 at 9:34

gurvinder372

68.6k11 gold badges78 silver badges98 bronze badges

Comments

RomanPerekhrest · Accepted Answer · 2016-05-23 09:43:44Z

0

The solution using String.replace function(with "replacer" function):

var str = 'bla bla bla data-id="34232" bla bla bla bla data-id="457667" bla bla bla bla bla bla data-id="45454" bla bla',
    wrapped = str.replace(/data-id=\"[^"]+\"/g, function(m){
        return "<div " + m + "></div>";
    });

console.log(wrapped);
// "bla bla bla <div data-id="34232"></div> bla bla bla bla <div data-id="457667"></div> bla bla bla bla bla bla <div data-id="45454"></div> bla bla"

answered May 23, 2016 at 9:43

RomanPerekhrest

93.1k4 gold badges75 silver badges112 bronze badges

Comments

AKS · Accepted Answer · 2016-05-23 09:49:18Z

0

Look at this Regex Demo.

You can capture the data-id= as well along with the value inside it and use it in the replacement.

var s = 'bla bla bla data-id="34232" bla bla bla bla data-id="457667" bla bla bla bla bla bla data-id="45454" bla bla'
console.log(s.replace(/(data-id="\d+")/g, '<div $1></div>'));

// "bla bla bla <div data-id="34232"></div> bla bla bla bla <div data-id="457667"></div> bla bla bla bla bla bla <div data-id="45454"></div> bla bla"

edited May 23, 2016 at 9:49

answered May 23, 2016 at 9:37

AKS

20k3 gold badges47 silver badges55 bronze badges

Collectives™ on Stack Overflow

Insert string before and after dynamic string

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

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

Related