replace number with string using jquery replacement

Question

My question is related to this topic here.

I would need a jquery replacement function for a number with a string as well, but much finer though.

My php returns a number in this format eg 1.27

Depending on a range this number should be replaced by a certain string that matches a range:

Example:

The number 1.27 is in the "active" range of 1.0 and 1.5, so the replacement for this would be the string "active". The value of 1.51 would be in the "less active" range from 1.5 to 2.0 and the replacement string would be the "less active" string.

Any ideas are much appreciated

Why not parse and deal with something like an if statement? Although solvable by regex it feels like it's not the correct tool for the job. — cherouvim
– cherouvim, Commented Apr 21, 2011 at 8:41

Guffa · Accepted Answer · 2011-04-21 08:43:23Z

3

Accessing the text in the page can be done using jQuery, but the rest of the code is plain Javascript.

You can use a regular expression to find the number, then use a function that determines what to replace it with, something like this:

var element = $('#id');
element.text(element.text().replace(/[\d\.]+/g, function(s){
  var n = parseDouble(s);
  if (n >= 1.0) {
    if (n <= 1.5) return "active";
    if (n <= 2.0) return "less active";
  }
  return s;
}));

answered Apr 21, 2011 at 8:43

Guffa

703k111 gold badges760 silver badges1k bronze badges

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

Comments

mekwall · Accepted Answer · 2012-07-19 17:21:57Z

1

Unfortunately you cannot do this with a single line of code. You'd have to do something like the following:

$(".number").each(function(){
    var elm = $(this);
    var number = parseFloat(elm.text(), 10);
    if (number >= 1 && number <= 1.5) {
        state = "active";
    } else if (number >= 1.5 && number < 2) {
        state = "less active";
    }
    elm.text(state);
});

See the above example on jsFiddle

edited Jul 19, 2012 at 17:21

answered Apr 21, 2011 at 8:46

mekwall

29.1k6 gold badges78 silver badges77 bronze badges

2 Comments

Christian Over a year ago

In my case I need to use a class instead of an id due to to the dom. ATM this does not work of course link

mekwall Over a year ago

@Christian Updated so that it works with multiple elements (classes)

TJHeuvel · Accepted Answer · 2011-04-21 08:40:01Z

-1

I dont understand what jQuery has to do with it, but this is pretty simple really...

var state = 'Default';
if(value > 1 && value < 1.5)
 state = 'Active';
else if(value < 2)  
 state = 'Less active';
else if(value < 3)
 state = 'Sleeping';

You might want to get a good book about programming, this really shouldnt be an issue.

answered Apr 21, 2011 at 8:40

TJHeuvel

12.6k4 gold badges40 silver badges46 bronze badges

1 Comment

DhruvPathak Over a year ago

this is not what he is asking. He wants " UserA - 1.27 : UserB - 1.51" to become " UserA - active : UserB - less active"

Collectives™ on Stack Overflow

replace number with string using jquery replacement

3 Answers 3

Comments

2 Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

2 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related