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

Add a data attribute to an a tag and retrieve it using JQuery

本文关键字:JQuery 检索 数据属性 添加      更新时间:2023-09-26

我遇到了一点问题。我有几个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

在单击处理程序this中单击的 DOM 元素。

使用

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

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