jquery从id获取编号

如何从div标签的id中获取号码

例如：

<div id="button1"></div>

如何获取1并将其存储在变量中？

您的“id”值不能是纯数字；它们需要以字母或类似标识符的“u”开头。（注意：这在HTML5文档中不是真的。）一旦在“id”值中有了这样的数字，您就可以使用jQuery

attr（）

函数来获取id：

var id = $("div").attr('id').replace(/button/, '');

 var theId = parseInt($('div.whatever').attr('id').replace(/[^\d]/g, ''), 10);

如果您愿意，您只需抓取末尾的数字即可：

// <div id="_34_foo_555"></div>
alert($('div').attr("id").match(/\d+$/));
// alerts "555"

//
警报（$（'div'）.attr（“id”）.match（/\d+$/）；
//警报“555”

如果

按钮

是一个常量前缀，则可以执行以下操作：

var number = parseInt(element.id.match(/^button(\d+)$/)[1], 10);

---

您应该养成在属性名称中使用分隔符的习惯（即，button-1、button\u 1）。许多优点中的一个优点是，它使从字段中提取数字或其他信息变得更容易（即，通过在“-”处拆分字符串）。

这是一个老问题，但我想补充一点，即使用

数据-

属性而不是在id中编码信息：

window.onload=function（）{
var元素=document.getElementById（'button1'）；
var number=parseInt（element.getAttribute（'data-index'），10）；
控制台日志（编号）；
}

---

我可以问你一个问题吗。/[^\d]/g是什么意思？它是一个正则表达式。它将任何非数字与此部分匹配：“[^\d]”。最后的“g”告诉Javascript对它在字符串中找到的所有非数字重复“替换”操作。这是最好的答案。我不知道我可以用parseInt来处理单词和数字。它过滤掉所有文本，只返回数字。好酷，好随和！这就是我所需要的！非常感谢谢谢你，朋友

var number = parseInt(element.id.match(/^button(\d+)$/)[1], 10);