Javascript，以0开头的单个数字？答案

【问题标题】：Javascript, start single digit numbers with a 0?Javascript，以0开头的单个数字？
【发布时间】：2014-03-13 23:42:35
【问题描述】：

我相信这是我们主题中的分页部分，它在底部添加页码。出于 CSS 原因，虽然它输出 1、2、3 等，然后是 10、11、12。为了使事物正确对齐，它需要从一开始就为两位数，因此 01、02、03 等。

是否可以对这段代码这样做？

// generate pagination
        if (option.generatePagination) {
            // create unordered list
            if (option.prependPagination) {
                elem.prepend('<ul class='+ option.paginationClass +'></ul>');
            } else {
                elem.append('<ul class='+ option.paginationClass +'></ul>');
            }
            // for each slide create a list item and link
            control.children().each(function(){
                $('.' + option.paginationClass, elem).append('<li><a href="#'+ number +'">'+ (number+1) +'</a></li>');
                number++;
            });
        } else {
            // if pagination exists, add href w/ value of item number to links
            $('.' + option.paginationClass + ' li a', elem).each(function(){
                $(this).attr('href', '#' + number);
                number++;
            });
        }

【问题讨论】：

您可以检查if(number < 10) 并使用number = '0'+number 或其他东西，如果它是真的
Pad a number with leading zeros in JavaScript 的可能重复项
即使添加零，您也永远无法使事物完全对齐（除非您使用的是等宽字体）。为什么不将 LI 的 CSS 设置为固定宽度，而不是使用额外的字符来修复格式问题？
@paul.abbott.wa.us 是的，你完全正确，这是要走的路，我想多了。我已经在 CSS 中做到了这一点，尽管我很想使用下面的答案（这在问题的上下文中也是正确的），因为我认为 01 实际上看起来也更好。谢谢。

标签： javascript jquery css pagination

【解决方案1】：

我认为这应该可行：

control.children().each(function(){
    if (number < 10) {
        var stringNumber = '0' + (number + 1).toString()
    } else {
        var stringNumber = number + 1;
    }
    $('.' + option.paginationClass, elem).append('<li><a href="#'+ number +'">'+ (stringNumber) +'</a></li>');
    number++;
});

我创建了新变量 stringNumber，它将保存以文本形式表示的数字，因此您仍然可以在其他地方随意使用该数字

【讨论】：

需要更改的是同一行中的“(number + 1)”
感谢@JonasGrumann 这确实有效，我最终采用了上面的 CSS 想法，这可能是正确的方法，尽管您的问题对于想要输出不同编号格式的任何人都非常有用无论如何，这可能很有用。