给数字添加 st、nd、rd 和 th(序数)后缀

时间：2023-10-12

本文介绍了给数字添加 st、nd、rd 和 th(序数)后缀的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

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

I would like to dynamically generate a string of text based on a current day. So, for example, if it is day 1 then I would like my code to generate = "Its the <dynamic>1*<dynamic string>st</dynamic string>*</dynamic>".

总共有 12 天，所以我做了以下事情:

There are 12 days in total so I have done the following:

我已经设置了一个循环 12 天的 for 循环.

I've set up a for loop which loops through the 12 days.

在我的 html 中，我给了我的元素一个唯一的 id 来定位它，见下文:

In my html I have given my element a unique id with which to target it, see below:

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

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

Then, inside my for loop I have the following code:

$("#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 循环:

This is the entire for loop as requested:

$(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) {
            }
        }
    }

推荐答案

规则如下:

st 用于以 1 结尾的数字(例如 1st，首先发音)
nd 用于以 2 结尾的数字(例如 92nd，发音为 90 秒)
rd 用于以 3 结尾的数字(例如 33rd，发音为 33)
作为上述规则的一个例外，所有以 11、12 或 13 结尾的teen"数字都使用 -th(例如 11th，发音为 11th，112th，发音为一百 [和] 十二)
th 用于所有其他数字(例如 9th，发音为 ninth).

以下 JavaScript 代码(在 2014 年 6 月重写)实现了这一点:

The following JavaScript code (rewritten in Jun '14) accomplishes this:

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 之间数字的示例输出:

Sample output for numbers between 0-115:

这篇关于给数字添加 st、nd、rd 和 th(序数)后缀的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持html5模板网！

上一篇：如何在 JavaScript 中将整数转换为二进制? 下一篇：如何使 HTML 输入标签只接受数值?

给数字添加 st、nd、rd 和 th(序数)后缀

问题描述

推荐答案

相关文章

最新文章