javascript - 单击按钮时获取按钮上标签的值

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 中，我想在按下按钮时打印 item['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)
});