JavaScript/jQuery - 从元素的 id 中获取一个整数

Question

来自以下标记。

<div id="my-div">
    <a href="#" id="link-1">Somewhere</a>
    <a href="#" id="link-2">Somewhere else</a>
</div>

有哪些选项可以使用 jQuery 选择器和 JavaScript 来获取 ID 中的整数？

例如。

$("#my-div a").click(function(){
    $(this).id // ... somehow grab n from "link-n"        
    alert(n);
});

Answer 1

你可以试试:

var n = $(this).attr('id').match(/link-(\d+)/)[1];

这会获取 id 属性，与模式 link-(\d+) 匹配(这意味着 link- 后跟一个或多个digits)，然后提取第一个匹配的子表达式(括号\d+中的部分)，应该就是你要找的数字。

如果您需要将 n 作为整数而不是字符串来使用，您应该使用 parseInt ，确保指定基数 10:

var n = parseInt($(this).attr('id').match(/link-(\d+)/)[1], 10);

如果您的 id 属性不能保证以 link- 开头，后跟一个或多个数字，并且您想捕获这种情况而不是抛出错误，你应该检查 match 的返回值:

var match = $(this).attr('id').match(/link-(\d+)/);
if (match) {
    var n = parseInt(match[1], 10);
    alert(n);
} else {
    // do something else if they don't match
}