Jquery Find and Replace Number

Question

I am really struggling to find a solution to this i want to find every instance of a number in a paragraph of text.

<div id='text'>
this is the number 20px and this is the number 100 and this is the number 10.
</div>

So i want to take this and have it ouput the following. 20 100 10

<script type="application/javascript">
        $(document).ready(function() {

        var text = $('.text').text().toString().search( new RegExp( /^[0-9]+$/ i ) );

        alert(text);    

        });                  
        </script>

from the alert i just want it to output the numbers in the text i.e 20 100 10, i now this is way off but any help to put me in the right direction i am banging my head against a wall, thanks.

Your pattern should be /\d+?/, can't think of the right funcs right now. — Z. Zlatev
– Z. Zlatev, Commented Nov 23, 2010 at 17:44
If there are negative numbers(-100) should you capture -100 or 100? — Mikael Eliasson
– Mikael Eliasson, Commented Nov 23, 2010 at 17:49
great point Mikael I modified my regexp for negative and decimal numbers too. :) — fcalderan
– fcalderan, Commented Nov 23, 2010 at 17:52

Harmen · Accepted Answer · 2010-11-23 17:45:28Z

1

I don't know where you would replace anything, but to find all numbers, something like this is enough:

// results an array of numbers
var results = $('#text').text().match(/\d+/g);

answered Nov 23, 2010 at 17:45

Harmen

22.5k4 gold badges57 silver badges77 bronze badges

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

3 Comments

Z. Zlatev Over a year ago

Right, but won't match single digit numbers

fcalderan Over a year ago

Zlatev, + quantifier means 1 or more digits

Harmen Over a year ago

/\d+/.test("1") returns true, because + means one or more digits

score 1 · Accepted Answer · 2010-11-23 17:51:44Z

1

$('#text').html().match(/\-?\d+(\.\d+)?/g).join(' ')

creates a string with all numbers found inside the div element.

to get an array of all numbers found just remove the .join() method

Plase note that you have 'text' as id of your element, so you need refer to it as $('#text') and not as $('.text')

edited Nov 23, 2010 at 17:51

answered Nov 23, 2010 at 17:44

fcalderan

Comments

Hal Helms · Accepted Answer · 2010-11-23 18:11:57Z

1

If you use this:

var txt = $( '#text' ).html().match(/\d+/g)

it will give you an array of the numbers

answered Nov 23, 2010 at 18:11

Hal Helms

6843 silver badges8 bronze badges

1 Comment

Hal Helms Over a year ago

Sorry, Harmen -- had this open and posted before I saw your response.

Collectives™ on Stack Overflow

Jquery Find and Replace Number

3 Answers 3

3 Comments

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

3 Comments

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related