Extract Url from a string though regex

Question

Trying to extract all urls from a string an store it in an array

Using the below regex:

/<a href=([^>]*)>ss URL<\/a>/g

for the string:

 <a href='https://zzzz' target="_blank">ss URL</a>

but i am getting the output with target blank:

`'https://zzzz' target="_blank"`

just match the quoted url, not all the bolierplate html... ( [^ '"]+ ) — dandavis
– dandavis, Commented Mar 27, 2015 at 5:06

Amit Joki · Accepted Answer · 2015-03-27 05:15:22Z

2

Just don't. Just use DOM methods to get them. First, we create a temporary div and then set it's inner html to that of the input string. The we can go through the <a> and return their href property using Array.map

var elem = document.createElement('div');
elem.innerHTML = str;
var urls = [].map.call(elem.querySelectorAll('a'), function(a){
    return a.innerText.toLowerCase() == "ss url" ? a.href : "";
}).filter(String);

edited Mar 27, 2015 at 5:15

answered Mar 27, 2015 at 5:02

Amit Joki

59.4k7 gold badges80 silver badges96 bronze badges

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

5 Comments

Amit Joki Over a year ago

@TabraizAli I know it is a string.

Amit Joki Over a year ago

@TabraizAli it is more fail-proof and using regex to parse html is an invitation to Satan.

vks Over a year ago

@TabraizAli if it can be done through DOM go for DOM method as regex solution can fail with slightest change in html.

Tabraiz Ali Over a year ago

@AmitJoki how do i select only links inside ss url as mentioned in question

Amit Joki Over a year ago

@TabraizAli like my edit. Just use a ternary operator and filter the rest

vks · Accepted Answer · 2015-03-27 05:02:49Z

1

<a href='([^>']*)'[^>]*>ss URL<\/a>

Try this.See demo.

https://regex101.com/r/sJ9gM7/11

answered Mar 27, 2015 at 5:02

vks

68.1k11 gold badges96 silver badges132 bronze badges

Collectives™ on Stack Overflow

Extract Url from a string though regex

2 Answers 2

5 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

5 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related