单击按钮时抓取按钮上的标签值

Question

我有一个用html.slim

编写的按钮

input.delete-item-btn#item type='image' src=the_icon()  name=item['store']

此代码重复页面上的每个项目（通过ruby循环）。在html中是〜

<input class="delete-item-btn" id="item" type="image" src=the_icon()  name=item['store'] />

在javascript中，我想在按下按钮时打印项目['store']，这是按钮的名称。

这是我到目前为止所做的：

$('.delete-item-btn').mousedown(function(ev) {
  user_id = document.getElementById('item').name
  alert(user_id)
});

但是这总是打印页面上第一个项目的商店，因为所有按钮都具有相同的ID：'item'

简而言之： 是否有某种方法可以打印按下按钮的名称标签，当该按钮没有区别特征时，除了按下按钮并且它有我想要的商店？

Answer 1

您可以使用this获取点击的元素，无需再次查找

$('.delete-item-btn').mousedown(function(ev) {
  var user_id = this.name;
  alert(user_id)
});