Using javascript and maybe regex to get numbers out text

Question

I am trying to get a variable number out of a text in the below example is the text.

Koop 5 voor € 16,00 p/s en bespaar 11%
Koop 50 voor € 15,00 p/s en bespaar 17%
Koop 120 voor € 13,00 p/s en bespaar 28%
Koop 1000 voor € 10,00 p/s en bespaar 45%

This means Buy X for $Y each and save Z%

I need X out of this text with jQuery or Javascript.

Below is the code, to get the text out of the A tag

 $(function(){
    $('.link').click(function() {
        $("#input-field").val($(this).html());
    });
});

and the example a tags and input field:

<input id="input-field" type="text">

<a href="#" class="link">koop 10 voor 10 p.s.<a>
<a href="#" class="link">koop 110 voor 9 p.s<a>
<a href="#" class="link">koop 950 voor 7 p.s<a>

What is the text really now? Your two example sets look very different. Or should the regex cope with all of them? — Bergi
– Bergi, Commented Jun 27, 2013 at 12:54
What do you mean with character size? If you split on the first space, in both examples it is the second element in the resulting array (index 1). — 11684
– 11684, Commented Jun 27, 2013 at 12:58
10,100,1000,10000 eventually. So it should get all the numbers after Koop till the next space I guess. — Nick N.
– Nick N., Commented Jun 27, 2013 at 12:58
You are right, that would probably work, upvote if you answer it — Nick N.
– Nick N., Commented Jun 27, 2013 at 12:59

nnnnnn · Accepted Answer · 2013-06-27 13:06:27Z

7

With regex you can do this:

$("#input-field").val( $(this).html().match(/\d+/)[0] );

...that is, select the first digit or digits in the string using /\d+/, where .match() returns an array so you need to grab the first (and only) element in the array.

Demo: http://jsfiddle.net/WnruN/

Or you can just use .split():

$("#input-field").val( $(this).html().split(" ")[1] );

That is, select the second "word" (in your case a number).

Demo: http://jsfiddle.net/WnruN/1/

Note that if you make your regex global by adding the g flag - /\d+/g - then .match() will return an array of all of the numbers in the input string: http://jsfiddle.net/WnruN/2/ (If you want to allow for numbers with commas like in your first example use /[\d,]+/g: http://jsfiddle.net/WnruN/3/)

edited Jun 27, 2013 at 13:06

answered Jun 27, 2013 at 12:58

nnnnnn

150k30 gold badges210 silver badges247 bronze badges

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

4 Comments

Tom Pietrosanti Over a year ago

Just make sure that if you change the order of the string, you update the regex as well!

wirey00 Over a year ago

or .match(/ \d+ /) since it's the only number with spaces in front and after :P

nnnnnn Over a year ago

@ᾠῗᵲᄐᶌ - In the markup at the end of the question both numbers have spaces. In any case (as per my update) you can have the regex select all of the numbers in the input string and .match() will return them as an array.

wirey00 Over a year ago

@nnnnnn ah didn't notice that one

ABorty · Accepted Answer · 2013-06-27 12:59:48Z

5

you can try this one.

var temp=$(".link").split(" ");
alert(temp[1]);                //it will give you 5 or 50 or 120 or 1000

Please let me know if you want further help.

answered Jun 27, 2013 at 12:59

ABorty

2,5121 gold badge15 silver badges16 bronze badges

3 Comments

Bergi Over a year ago

A jQuery collection has no split method

11684 Over a year ago

Furthermore, this answer in it's correct form has already been given by PedroEstrada (see comments on the question) and more or less in nnnnnn's answer.

ABorty Over a year ago

i haven't noticed the comment section at all.Thanks for your feedback.

Collectives™ on Stack Overflow

Using javascript and maybe regex to get numbers out text

2 Answers 2

4 Comments

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

4 Comments

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related