Pull html element from string using javascript/jquery

Question

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.

Is this CoffeeScript or JavaScript?

Sukima
– Sukima

2014-10-07 16:56:50 +00:00
Commented Oct 7, 2014 at 16:56 — Sukima
– Sukima, Commented Oct 7, 2014 at 16:56

Luizgrs · Accepted Answer · 2014-10-07 17:04:22Z

3

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;

edited Oct 7, 2014 at 17:04

answered Oct 7, 2014 at 16:58

Luizgrs

4,8911 gold badge24 silver badges31 bronze badges

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

Comments

Sukima · Accepted Answer · 2014-10-07 17:04:47Z

1

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);

answered Oct 7, 2014 at 17:04

Sukima

10.1k4 gold badges48 silver badges60 bronze badges

Collectives™ on Stack Overflow

Pull html element from string using javascript/jquery

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related