Regex to get/replace strings in between two character sets in JavaScript

Question

I have a string containing external url links like

.listView a.toggle::after { content: " "; background: url("/test/images/up_small.svg") center center no-repeat; }

I want to grab the text between the url tags like

/test/images/up_small.svg

I tried like

a.split(new RegExp("[^(url)\(\".*\"]"))

but it did not work.

How can I get the external url and if needed replace the same with something else? in JavaScript

anubhava · Accepted Answer · 2022-07-13 07:29:45Z

2

You can search using this regex with 2 capture groups:

(.* url\(")[^"]+(".*)

And replace using $1http://example.com$2 where http://example.com is replacement.

RegEx Demo

Code:

var s = '.listView a.toggle::after { content: " "; background: url("/test/images/up_small.svg") center center no-repeat; }';

var r = s.replace(/(.* url\(")[^"]+(".*)/, '$1http://example.com$2');

console.log(r);

answered Jul 13, 2022 at 7:29

anubhava

790k67 gold badges603 silver badges671 bronze badges

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

2 Comments

recmach Over a year ago

I tried using s.search(new RegExp(/(.* url\(")[^"]+(".*)/)). It did not give me the correct index though. Also s.split.. does not give me the in between text . I understand replace is working, but extraction how do I do ?

anubhava Over a year ago

To match URL use: .match(/ url\("([^"]+)"/ and grab capture group #1

Collectives™ on Stack Overflow

Regex to get/replace strings in between two character sets in JavaScript

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related