js jQuery，总是有一个数字显示至少两位数00

Question

我正在使用以下内容将一个添加到数字：

<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; });

我总是希望有两个位置，即使数字小于10，00也是如此。如何使用JS获得上面的func，以便始终返回2 00个位置？因此，如果数字计算为3，它会将03注入#count？

由于

Answer 1

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

编辑：但是拥有多个具有相同ID的元素会在某处造成问题。

Answer 2

这与其他人的方法略有不同。不使用条件运算符。

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

它假设它需要额外的0，然后返回字符串中最后两个字符的切片。

Answer 3

如果小于10，您可以添加"0"，如下所示：

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

我认为这只是一个例子，但如果没有注意到ID必须是唯一的。

Answer 4

试试这个：

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