选择属性的一部分-JQuery

Question

我只需要从属性中获取数字（数字是动态的）。 按钮/锚看起来像这样：

<a href="#" class="btn btn-danger btn-small" data-removefield="collection" data-field="bc_inventorybundle_menu_product_0">Delete Dish</a>

我需要剖析的部分是此位'bc_inventorybundle_menu_product_0'，我只想要该数字，以用于其他功能（删除ID为menuitem0_dish的LI）

我用于选择其他ID的代码是：

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

它在ID上效果很好，但是我似乎无法让它在Attributes而不是ID上起作用

因此，用户单击删除按钮bc_inventorybundle_menu_product_0，然后jQuery删除<li id =“ menuitem0_dish”>

我无法向按钮添加ID，因此必须使用按钮的属性。 我敢肯定，当涉及到JS / JQuery时，您可以说我是一个完整的菜鸟。

编辑

阅读完所有答案后，我觉得可能需要详细说明。

我认为最大的问题是单击按钮/锚点时注册。

我目前所拥有的是这个，我知道肯定是错误的：

  $(document).on('click', 'data("field")', function(event) {
       deleteDish(this);
  });

  function getbutNum(element, attrPrefix) {
       //set prefix, get number
       var prefix = attrPrefix;
       var butnum = element.data("field").substring(prefix.length); //Changed as per suggestions
       return butnum;
  }

  function deleteDish(field) {
       var numbut = getbutNum();
       //Delete the UL/LI
       console.log("Num But" + numbut);
       }

从其他方面来看，这给了我一个'无法识别的表达式：data（“ field”）'的错误。

Answer 1

您是否尝试过选择实际数据属性：

var num = element.attr("data-field").substring(prefix.length);

要么：

var num = element.data("field").substring(prefix.length);

编辑

首先，将一个类添加到您的锚元素（假设您有多个此类）：

<a href="#" class="btn btn-danger btn-small delete-dish" data-removefield="collection" data-field="bc_inventorybundle_menu_product_0">Delete Dish</a>

然后：

$(".delete-dish").on("click", function (e) {
    e.preventDefault();

    var fieldData = $(this).data("field"),
        num = fieldData.substring(fieldData.lastIndexOf("_") + 1);

    console.log("Num But" + num);
});

这是一个小提琴来演示

Answer 2

使用包含您的输入的属性名称应该可以：

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

http://jsfiddle.net/zf3hmo4q/

Answer 3

也许是这样的吗？

var getNumberFromAttribute = function(id, field) {
    var field = $(id).data(field);
    var parts = field.split("_");
    return parts[parts.length - 1]
}

这是一个jsfiddle http://jsfiddle.net/o6go79cL/

更新

您可以只传递元素。 id的唯一目的是选择对象。 因此，您也可以这样做：

var getNumberFromAttribute = function(elm, field) {
    var field = $(elm).data(field);
    var parts = field.split("_");
    return parts[parts.length - 1]
}

number = getNumberFromAttribute(anchorTag, "field");

Answer 4

考虑到您要解析具有“ data- *”名称的属性：

function getNum(element, dataName, dataPrefix) {
    var num = element.data(dataName).replace(dataPrefix, "");
    return num;
}
console.log(getNum($(".btn"), "field", "bc_inventorybundle_menu_product_"));