将数据属性添加到标记并使用JQuery检索它

Question

我有点问题。我有几个a标签。我想为每个属性分配一个data属性，并使用data引用JQuery属性的值。然后，我想将表单中隐藏字段的值设置为此data属性。

但是，我不确定如何做到这一点。目前我有这个链接。

<a href="" class="myclass" name="hello">Say Hello</a>

在我的JQuery中，我希望能够获得name价值....

像这样......

$(".myclass").click(function (e) {
      e.preventDefault();
      console.log(e.attr('name'));
});

并输出值hello

Answer 1

单击处理程序this内部是单击的DOM元素。

使用$(this)将其转换为jQuery对象并使用attr：

$(".myclass").click(function (e) {
      e.preventDefault();
      console.log($(this).attr('name'));
});