如何获取属性ID的值？
如何获取属性ID的值？
提问于 2016-11-10 02:58:09
例如：
<button type="button" id="edit-product-20">EDIT</button>我有一个带有动态ID的按钮，上面的例子我只想得到"20“。我能这么做吗？任何帮助都将不胜感激。谢谢
回答 2
Stack Overflow用户
回答已采纳
发布于 2016-11-10 03:06:42
若要选择所有具有动态id的元素(在您的情况下)，请使用$('[id^="edit-product-"]')选择所有具有id的元素，从edit-product-开始。
请参阅这个使用.split和.pop()与纯js .id的示例。
//using each without events
$('[id^="edit-product-"]').each(function() {
console.log(this.id.split("-").pop());
});
//OR
//get number on click
$('[id^="edit-product-"]').click(function() {
console.clear();
console.log(this.id.split("-").pop());
});<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button type="button" id="edit-product-20">EDIT 20</button>
<button type="button" id="edit-product-21">EDIT 21</button>
<button type="button" id="edit-product-22">EDIT 22</button>
Stack Overflow用户
发布于 2016-11-10 02:59:32
console.log($('#edit-product-20').attr('id').split('-')[2])<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button type="button" id="edit-product-20">EDIT</button>
使用.split()
拆分()方法用于将字符串拆分为子字符串数组，并返回新数组。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/40519293
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号