How to get the value from a string using javascript

Question

I have a string like follows in javascript

var str='<img class="avatar  avatar-small 012345" src="/img/staff_avatar_profile.jpg" />&nbsp; olah blah';

I need to get every time the number like for this example 012345. Which will be ofcourse be different in different scenario and I also need to get the text olah blah which will be also different in different scenario.

I have the above string in a variable. ;)

How can i perform this in a efficient manner in java-script

What have you tried?

Joseph Silber
– Joseph Silber

2013-09-13 14:14:53 +00:00
Commented Sep 13, 2013 at 14:14 — Joseph Silber
– Joseph Silber, Commented Sep 13, 2013 at 14:14
I assume you mean the numeric class?

CharliePrynn
– CharliePrynn

2013-09-13 14:15:15 +00:00
Commented Sep 13, 2013 at 14:15 — CharliePrynn
– CharliePrynn, Commented Sep 13, 2013 at 14:15
I know but I gave that in a variable string

Saurabh Kumar
– Saurabh Kumar

2013-09-13 14:15:28 +00:00
Commented Sep 13, 2013 at 14:15 — Saurabh Kumar
– Saurabh Kumar, Commented Sep 13, 2013 at 14:15
So that is stored in a variable? That's very relevant info!

tymeJV
– tymeJV

2013-09-13 14:15:52 +00:00
Commented Sep 13, 2013 at 14:15 — tymeJV
– tymeJV, Commented Sep 13, 2013 at 14:15
Oh thank u ...i added in my question

Saurabh Kumar
– Saurabh Kumar

2013-09-13 14:16:36 +00:00
Commented Sep 13, 2013 at 14:16 — Saurabh Kumar
– Saurabh Kumar, Commented Sep 13, 2013 at 14:16

Joseph Silber · Accepted Answer · 2013-09-13 14:24:28Z

2

The best way to parse HTML in a browser is to let the browser do it for you:

var div = document.createElement('div');
div.innerHTML = str;
var numbers = div.getElementsByTagName('img')[0].className.match(/ (\d+)/)[1];

Here's the fiddle: http://jsfiddle.net/CGuLC/1/

edited Sep 13, 2013 at 14:24

answered Sep 13, 2013 at 14:18

Joseph Silber

221k59 gold badges369 silver badges292 bronze badges

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

2 Comments

Saurabh Kumar Over a year ago

Its nice but very fragile if i have other numbers also sometimes in my string

Joseph Silber Over a year ago

@SaurabhKumar - the regex will only match the first set of number it can find.

Community · Accepted Answer · 2017-05-23 12:20:20Z

0

You could use jQuery if it works there to get an only numeric class name. Take a look at jQuery - selectors on a html string to get a clue.

edited May 23, 2017 at 12:20

CommunityBot

11 silver badge

answered Sep 13, 2013 at 14:21

Dennis Ziolkowski

7206 silver badges14 bronze badges

2 Comments

Saurabh Kumar Over a year ago

I like this the best. When I do $(myString).find('.user').text()..it returns me nothing....

Dennis Ziolkowski Over a year ago

@SaurabhKumar, then please check this answer as useful :)

CharliePrynn · Accepted Answer · 2013-09-13 14:16:53Z

0

Use the data attribute instead of class.

<img class="avatar  avatar-small" data-id="012345" src="/img/staff_avatar_profile.jpg" />

Then use jQuery to get the data attribute.

jQuery('.avatar').data('id');

Sources: http://html5doctor.com/html5-custom-data-attributes/ http://api.jquery.com/data/

answered Sep 13, 2013 at 14:16

CharliePrynn

3,0805 gold badges43 silver badges70 bronze badges

6 Comments

Charaf JRA Over a year ago

he has string not html image

rorypicko Over a year ago

And also didn't mention jQuery anywhere

CharliePrynn Over a year ago

It doesn't matter if its a string or an element. He can still create a html element in jQuery and then access the data attribute that way.

Charaf JRA Over a year ago

@CharliePrynn yes ,that's the reason why i told him this , because i was trying to convert string to dom element.The difference between me and you is that i tried to parse string without div , can you tell me why ?

CharliePrynn Over a year ago

I'm not sure I undertand what you mean @FaceOfJock.

|

Valentin S. · Accepted Answer · 2013-09-13 14:22:45Z

0

If you need to store data for an element, one good way to achieve that is to use the data-key attribute with jQuery:

$('.avatar').data('number', '012345'); // set value
var number = $('.avatar').data('number'); // get value

The rendered markup will look like this:

<img class="avatar  avatar-small" data-number="012345" src="/img/staff_avatar_profile.jpg" />

answered Sep 13, 2013 at 14:22

Valentin S.

5042 silver badges10 bronze badges

Collectives™ on Stack Overflow

How to get the value from a string using javascript

4 Answers 4

2 Comments

2 Comments

6 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

2 Comments

2 Comments

6 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related