添加一个前导零，直到数字10

Question

我有一个数字列表，直到数字10: 1,2,3,4,5,6,7,8,9,10

我需要在除数字10之外的每个数字前面加一个零。

所以它看起来是这样的: 01,02,03,04,05,06,07,08,09,10

HTML看起来像这样：

<p class=​"number weight-400">​1</p>​
<p class=​"number weight-400">​2​</p>​
<p class=​"number weight-400">​3​</p>​
<p class=​"number weight-400">​4​</p>​
<p class=​"number weight-400">​5​</p>​
<p class=​"number weight-400">​6​</p>​
<p class=​"number weight-400">​7​</p>​
<p class=​"number weight-400">​8​</p>​
<p class=​"number weight-400">​9​</p>​
<p class=​"number weight-400">​10​</p>​

我有jquery来获取它们，但我需要弄清楚如何只将0添加到前9个而不是第10个：

$("p.number").each(function(i, index){
    if (index < 10){

    }
});

但是我的each函数获取的是所有的<p>，而不是p标记中的整数。

Answer 1

$("p.number").text(function(i, val){
    return $.trim(val).length === 1 ? '0' + val : val;
});

如果在整个集合上调用.text() method，那么集合中的每一项都将调用您提供的函数-从该函数返回的值将是当前元素的新文本。

Answer 2

另一种选择是使用正则表达式：

$('.number').text(function(i, txt) {
  return txt.replace(/^\d$/, '0$&');
});

http://jsbin.com/axuyiv/1/edit

Answer 3

$("p.number").each(function(i, elem){
    var numb = parseInt( $(elem).text(), 10 );

    numb = numb < 10 ? '0' + numb : numb;
    $(elem).text(numb);
});