javascript - 仅从 ID 字段中检索数字

Question

假设我有一个这样的列表:

<ul id="items">
   <li id="item_1_dish">Item 1</li>
   <li id="item_2_dish">Item 2</li>
   <li id="item_3_dish">Item 3</li>
</ul>

我只需要从 ID 中检索号码。到目前为止，我一直在使用以下内容:

function getNum(element, attrPrefix){
    //set prefix, get number
      var prefix = attrPrefix;
      var num = element.attr("id").substring((prefix.length));
      return num;
}

function updateDish(field) {
      var num = getNum($(field), "item_");
     //Rest of function ...
     console.log("Number = " + num);// 1_dish, 2_dish, 3_dish
}

如何返回 1_dish、2_dish、3_dish 等

我想用这个:

function getNum() {
    var num = /\d+(?=\D*$)/.exec($("element").attr('id'));
    return num;
}

function updateDish(field) {
      var num = getNum($(field), "item_");
     //Rest of function ...
     console.log("Number = " + num); //null
}

阅读这篇文章后会返回我需要的东西:Jquery: Getting the number from ID ，不幸的是，我得到的是“null”，而不是我需要的数字。

---

我的 ID 实际上看起来像“_bc_inventorybundle_menu_product_0_dish”，我只是为了示例目的而缩短了它们。

---

感谢所有快速回复。我选择了接受的答案，因为它最接近我已有的答案。

Answer 1

除了解析字符串，您可以使用数据属性吗？

<li id="item_1_dish" data-id="1">Item 1</li>

如果 element 是一个 jQuery 对象，那么访问它:

var id = parseInt($element.data('id'));

或者如果 element 是一个 HTMLElement:

var id = parseInt(element.dataset.id);