CODEWITHSUNDEEP
javascriptregexstring
user2239655
user2239655

Reputation: 840

Pull html element from string using javascript/jquery

I want to split specific string on two parts. First part with text and second with a href element.

This is my string:

'Some custom string: John. <a href="/rest/link">Start something</a>'

That second part always will be a href element. I would like to get something like this:

content = "Some custom string: John."
link = `"<a href="/rest/link">Start something</a>"`

I tried following solutions:

link = @data.content.match("<(.*)>") <- this return ["<a href="/rest/link">Start something</a>", "a href="/rest/link">Start something</a"]
content = @data.content.replace("<(.*)>", "") <- this return the same string

Is it possible to get this data without regex? Thanks for all answers.

Upvotes: 0

Views: 28

Answers (2)

Sukima
Sukima

Reputation: 10084

var str     = 'Some custom string: John. <a href="/rest/link">Start something</a>';
var index   = str.search(/<[a-z]/i);
var content = str.substring(0, index);
var html    = str.substring(index);

Upvotes: 1

Luizgrs
Luizgrs

Reputation: 4873

You can use DOMParser:

   var yourString = 'Some custom string: John. <a href="/rest/link">Start something</a>';

   var d = new DOMParser();
   var dom = d.parseFromString(yourString, "text/html");
   var a = dom.querySelector('a');

   var linkText = a.innerText
   var linkHref = a.href;

Upvotes: 3

Related Questions