javascript - js jQuery, always have a number display at least two digits 00 - Stack Overflow

admin管理员组

文章数量:1244245

I'm using the following to add one to number:

<div id="count">00</div>
<div id="count">03</div>
<div id="count">08</div>
<div id="count">12</div>

$('#count').text(function(i,txt) { return parseInt(txt, 10) + 1; });

I always want there two be 2 places, 00 even if the number is under 10. How can I get the func above, with JS, to always return the 2 00 places? So if the number putes to 3, it injects 03 into #count?

Thanks

I'm using the following to add one to number:

<div id="count">00</div>
<div id="count">03</div>
<div id="count">08</div>
<div id="count">12</div>

$('#count').text(function(i,txt) { return parseInt(txt, 10) + 1; });

I always want there two be 2 places, 00 even if the number is under 10. How can I get the func above, with JS, to always return the 2 00 places? So if the number putes to 3, it injects 03 into #count?

Thanks

• javascript
• jquery

Share Improve this question Follow edited Nov 23, 2010 at 20:36 user113716 323k6464 gold badges453453 silver badges441441 bronze badges asked Nov 23, 2010 at 19:41 AnApprenticeAnApprentice 111k202202 gold badges636636 silver badges1k1k bronze badges 1

• 1 FYI it is invalid to have more than a single element with the same ID. This will not valid correctly and JavaScript may behave unexpectedly on different browsers. – Hamish Commented Nov 23, 2010 at 19:56

Add a ment  | 

4 Answers 4

Sorted by: Reset to default 5

$('#count').text(function(i,txt) { var c = parseInt(txt, 10) + 1; return (c<10) ? "0"+c : c; });

EDIT: But having multiple elements with the same ID is gonna cause problems somewhere.

Here's a little different approach from the others. Doesn't use a conditional operator.

$('#count').text(function(i, txt) {
    return ("0" + (+txt + 1)).slice(-2);
});

It just assumes it will need the extra 0, then returns a slice of the last two characters in the string.

You can add a "0" if it's less than 10, like this:

$('#count').text(function(i,txt) { 
  var num = parseInt(txt, 10) + 1; 
  return num < 10 ? "0" + num : num;
});

I think it's just an example, but if it's not note that IDs have to be unique.

Try this one:

$('#count').text(function(i,txt) { return txt.length == 1 ? '0'+txt : txt; });

本文标签： javascriptjs jQueryalways have a number display at least two digits 00Stack Overflow