JQuery/JavaScript检测按下按钮的索引

我有几个按钮，看起来像：

<span class="input-group-btn">
  <a class="btn btn-default" href="#">
    <i class="fa fa-barcode"></i> Scan
  </a>
</span>

但我需要能够检测x个按钮中的哪一个被按下。使用JQuery/JavaScript有什么方法可以做到这一点吗

按钮是动态创建的，如下所示：

$('input[role="barcode"]').before('<span class="input-group-btn"><a class="btn btn-default" href="#"><i class="fa fa-barcode"></i> Scan</a></span>')

$（'input[role=“barcode”]”）。在（“”）之前

或者，是否可以为每个按钮指定不同的id或href，以便在创建时区分它们？

试试$.index（）

$（'input[role=“barcode”]”）。每个（函数（索引、元素）{
$（这个）。之前(
''
+  ''
+ ''
);
});
$（文档）。在（'click'，'a.btn'，函数（）{
console.log（'您单击了带有索引的链接'，this.getAttribute（“数据索引”））；
});

您可以检测事件处理程序中单击的按钮：

$('.input-group-btn').click(function(e){
    var index = $(e.target).index();
    console.log(index);
});

---

您可以使用其他描述的JQUERY方法或

您可以自己给按钮一个手动编号，同时创建

<span class="input-group-btn">
  <a class="btn btn-default" index="1" href="#">
    <i class="fa fa-barcode"></i> Scan
  </a>
</span>

当你想检索索引时，你可以这样做：

var target = event.target || event.srcElement;
var index_val = target.getAttribute("index");

---

您可以创建一个计数器并将其添加到元素id属性中。您需要将“单击”事件委托给按钮的父容器。其次，您需要按索引标记每个按钮，您可以使用#id、.class、data属性。并监听事件Click的容器目标，这些不是按钮。这是一个按钮：

..

e.target

返回一个dom节点，而不是jQuery对象。看见

<span class="input-group-btn">
  <a class="btn btn-default" index="1" href="#">
    <i class="fa fa-barcode"></i> Scan
  </a>
</span>

for(i=0 to n){
  var l_button = document.createElement("Button");
  l_button.setAttribute("index",i);
}

var target = event.target || event.srcElement;
var index_val = target.getAttribute("index");