如何获取属性ID的值？

Question

e.g。

<button type="button" id="edit-product-20">EDIT</button>

我有一个带有动态ID的按钮，对于上面的例子，我想只得到“20”。我能这样做吗？任何帮助，将不胜感激。谢谢

Answer 1

＆＃13;

＆＃13;

console.log($('#edit-product-20').attr('id').split('-')[2])

＆＃13;

<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>

＆＃13;

＆＃13;

＆＃13;

使用.split()

  

split（）方法用于将字符串拆分为子字符串数组，并返回新数组。

Answer 2

要选择包含动态ID的所有元素，请使用$('[id^="edit-product-"]')选择ID以edit-product-开头的所有元素。

使用.split和.pop()使用纯js .id查看此示例。

＆＃13;

＆＃13;

//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());
});

＆＃13;

<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>

＆＃13;

＆＃13;

＆＃13;