将 st、nd、rd 和 th（序号）后缀添加到数字中

javascript jquery numbers

2022-08-30 00:55:26

我想根据当前日期动态生成一串文本。因此，例如，如果是第1天，那么我希望我的代码生成=“它是<dynamic>1 * <dynamic string>st</dynamic string> * < / dynamic>”。

总共有12天，所以我做了以下工作：

我已经设置了一个 for 循环，该循环遍历 12 天。

在我的html中，我为我的元素提供了一个唯一的ID来定位它，见下文：

<h1 id="dynamicTitle" class="CustomFont leftHeading shadow">On The <span></span> <em>of rest of generic text</em></h1>

然后，在我的for循环中，我有以下代码：

$("#dynamicTitle span").html(i);
var day = i;
if (day == 1) {
    day = i + "st";
} else if (day == 2) {
    day = i + "nd"
} else if (day == 3) {
    day = i + "rd"
}

更新

这是请求的整个 for 循环：

$(document).ready(function () {
    for (i = 1; i <= 12; i++) {
        var classy = "";
        if (daysTilDate(i + 19) > 0) {
            classy = "future";
            $("#Day" + i).addClass(classy);
            $("#mainHeading").html("");
            $("#title").html("");
            $("#description").html("");
        } else if (daysTilDate(i + 19) < 0) {
            classy = "past";
            $("#Day" + i).addClass(classy);
            $("#title").html("");
            $("#description").html("");
            $("#mainHeading").html("");
            $(".cta").css('display', 'none');
            $("#Day" + i + " .prizeLink").attr("href", "" + i + ".html");
        } else {
            classy = "current";
            $("#Day" + i).addClass(classy);
            $("#title").html(headings[i - 1]);
            $("#description").html(descriptions[i - 1]);
            $(".cta").css('display', 'block');
            $("#dynamicImage").attr("src", ".." + i + ".jpg");
            $("#mainHeading").html("");
            $(".claimPrize").attr("href", "" + i + ".html");
            $("#dynamicTitle span").html(i);
            var day = i;
            if (day == 1) {
                day = i + "st";
            } else if (day == 2) {
                day = i + "nd"
            } else if (day == 3) {
                day = i + "rd"
            } else if (day) {
            }
        }
    }

答案 1

规则如下：

st 用于以 1 结尾的数字（例如 1st，发音优先）

nd 用于以 2 结尾的数字（例如 92nd，发音为 90 秒）

rd 用于以 3 结尾的数字（例如 33rd，发音为 33rd）

作为上述规则的例外，所有以11，12或13结尾的“teen”数字都使用-th（例如，第11个，发音为第11个，第112个，发音为100个[和]第12个）

th 用于所有其他数字（例如，第 9 个，发音为 9）。

以下 JavaScript 代码（在 2014 年 6 月重写）实现了这一点：

function ordinal_suffix_of(i) {
    var j = i % 10,
        k = i % 100;
    if (j == 1 && k != 11) {
        return i + "st";
    }
    if (j == 2 && k != 12) {
        return i + "nd";
    }
    if (j == 3 && k != 13) {
        return i + "rd";
    }
    return i + "th";
}

0-115 之间数字的示例输出：

答案 2

从 Shopify

function getNumberWithOrdinal(n) {
  var s = ["th", "st", "nd", "rd"],
      v = n % 100;
  return n + (s[(v - 20) % 10] || s[v] || s[0]);
}

[-4,-1,0,1,2,3,4,10,11,12,13,14,20,21,22,100,101,111].forEach(
  n => console.log(n + ' -> ' + getNumberWithOrdinal(n))
);