Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/459.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 将数据属性添加到a标记并使用JQuery检索它_Javascript_Jquery_Html - Fatal编程技术网

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

Javascript 将数据属性添加到a标记并使用JQuery检索它,javascript,jquery,html,Javascript,Jquery,Html,我有点问题。我有几个a标签。我想为每个属性分配一个data属性,并使用JQuery引用data属性的值。然后,我想将表单中隐藏字段的值设置为该data属性 然而,我不确定如何做到这一点。目前我有这个链接 <a href="" class="myclass" name="hello">Say Hello</a> 并在单击处理程序中输出值hello这是单击的DOM元素 使用$(this)将其转换为jQuery对象,并在该对象上使用attr: $(".myclass").cl

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

然而,我不确定如何做到这一点。目前我有这个链接

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

并在单击处理程序中输出值
hello

这是单击的DOM元素

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

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

在click处理程序中,这个
是被单击的DOM元素

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

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

太好了,非常感谢这很有效。当我可以的时候,我会接受这个答案!太好了,非常感谢这很有效。当我可以的时候,我会接受这个答案
e
引用jQuery事件,您希望以单击的元素为目标。您可以只使用
this
,甚至在您的情况下也可以使用
e.target
,两者都需要包装在jq对象中才能在其上使用任何jq方法,例如:
$(this)
。仅供参考,
name
不是一个数据属性,请参阅:
e
指jQuery事件,您希望以单击的元素为目标。您可以只使用
this
,甚至在您的情况下也可以使用
e.target
,两者都需要包装在jq对象中才能在其上使用任何jq方法,例如:
$(this)
。仅供参考,
name
不是数据属性,请参阅: