Extract value between HTML-tags using JavaScript

Question

How can I extract the value between the tags (49% in message) using Javascript? I will first parse the JSON with JSON.parse.

{
      "id": "189180337778229046", 
      "from": {
        "name": "My FB page", 
        "category": "Automobiles and parts", 
        "id": "189180337778229046"
      }, 
      "subject": "A good deal", 
      "message": "<p><strong>49%</strong></p><p>This is a good deal for you.</p>", 
      "icon": "http://static.ak.fbcdn.net/rsrc.php/v1/yY/r/d1gBp2bDGEuh.gif", 
      "created_time": "2011-11-02T10:49:56+0000", 
      "updated_time": "2011-11-02T10:49:56+0000"
    }

Rob W · Accepted Answer · 2011-11-02 11:07:47Z

3

A simple RegExp will do. Assume obj to hold the value of the parsed JSON string:

var percent = obj.message.match(/<strong>(.*?)<\/strong>/i)[1]; //Returns 49%

edited Nov 2, 2011 at 11:07

answered Nov 2, 2011 at 10:55

Rob W

350k87 gold badges811 silver badges683 bronze badges

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

3 Comments

Madara's Ghost Over a year ago

Will fail due to incomplete escaping (should be <//strong>).

Jonathan Clark Over a year ago

I tried both <//strong> and </strong> and it fails (invalid flag).

Rob W Over a year ago

@JonathanClark Inside an RegExp, characters have to be escaped using `. So, <\/strong>`. Updated answer to correct mistake.

user447356 · Accepted Answer · 2011-11-02 10:56:10Z

1

Easiest will be to use jQuery which looks like you're already using: (as JSON.parse is part of it)

var myValue = $(data.message).find("strong").eq(0).text();

answered Nov 2, 2011 at 10:56

user447356

2 Comments

Rob W Over a year ago

Are you suggesting to create a new jQuery/DOM tree, so that jQuery methods can be used to perform a simple string operation? O_o

user447356 Over a year ago

Yes, it's both more readable and flexible. The "price" for this is really minor.

Steve · Accepted Answer · 2011-11-02 11:07:40Z

0

You can do :

var pattern = /([0-9]+%)/gi;
var result = obj.message.match(pattern);

This will only match integer numbers though..

edited Nov 2, 2011 at 11:07

answered Nov 2, 2011 at 11:01

Steve

2,9972 gold badges32 silver badges48 bronze badges

Collectives™ on Stack Overflow

Extract value between HTML-tags using JavaScript

3 Answers 3

3 Comments

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

3 Comments

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related