如何用jQuery将输入框中的序数词（如first）转换为整数？

当然可以实现这个需求！你之前的代码问题出在直接用parseInt()处理序数词——它只能解析数字格式的字符串，自然没法把first这类文字序数转换成数字。咱们换个思路，先建立序数词与数字的映射关系，再结合jQuery获取输入值来处理就没问题了。

具体实现步骤 #

1. 先创建一个包含常见序数词的映射对象，把每个序数词（比如first）和对应的整数（比如1）绑定起来；
2. 用jQuery获取输入框的值，做一下标准化处理（比如转小写、去空格），避免大小写或空格影响匹配；
3. 从映射对象里查找对应的数字，同时处理无法识别的输入情况。

完整代码示例 #

// 定义序数词到数字的映射表，可根据需求扩展更多条目
const ordinalToNumber = {
    'first': 1,
    'second': 2,
    'third': 3,
    'fourth': 4,
    'fifth': 5,
    'sixth': 6,
    'seventh': 7,
    'eighth': 8,
    'ninth': 9,
    'tenth': 10
};

const getOrdinalAsNumber = function(selector) {
    // 获取输入值并标准化：去首尾空格 + 转小写
    const inputValue = $(selector).val().trim().toLowerCase();
    
    // 从映射表中取对应数字，找不到则返回null（也可改成0或提示文本）
    return ordinalToNumber.hasOwnProperty(inputValue) 
        ? ordinalToNumber[inputValue] 
        : null;
};

// 使用示例：假设你的输入框id是ordinal-input
const convertedNumber = getOrdinalAsNumber('#ordinal-input');
if (convertedNumber !== null) {
    console.log('转换结果：', convertedNumber);
    // 这里可以添加后续逻辑，比如把结果显示到页面上
} else {
    console.log('请输入有效的序数词，比如first、second等');
}

代码说明 #

• 映射表扩展：如果需要支持更多序数词，直接在ordinalToNumber对象里添加键值对即可，比如'eleventh': 11；
• 标准化处理：trim()和toLowerCase()能兼容用户输入的各种格式（比如First、second这类带空格或大小写的输入）；
• 异常处理：如果用户输入了不在映射表里的内容，函数会返回null，你可以根据业务需求改成提示用户输入有效内容，或者返回默认值。

这种方案简单高效，适合处理常见的序数词转换场景，如果需要支持非常大量的序数词（比如几十上百个），可以考虑用正则表达式或者更复杂的字符串解析逻辑，但对于大多数场景来说，映射表的方式足够好用了。

内容的提问来源于stack exchange，提问作者Programmer1010