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

Question

我遇到了一点问题。我有几个 a 标签。我想为每个属性分配一个 data 属性，并使用 JQuery 引用 data 属性的值。然后，我想将表单中隐藏字段的值设置为此 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'));
});