Javascript 正在尝试获取已单击对象的属性

当我单击对象的链接时，我试图从该对象获取headers值

例如，当我点击链接时，我试图获得“2014年美国大学预算”的值

我尝试过各种各样的变化

• 尝试获取.prop（）而不是

  .attr

• 已尝试搜索

  。最近（'td'）

• 尝试获取父级属性

  attr

所有警报均以带有

“未定义”

的警报结束

这是我的密码

<td headers="2014_BUDGET" class="MYCLASS"><a 
href="javascript: alert(  $(this).closest('td').attr('headers')  );">1</a></td>

<td headers="2014_BUDGET" class="MYCLASS"><a 
href="javascript: alert(  $(this).attr('headers')  );">1</a></td>

---

在href中，指向全局

窗口

对象

改用onclick

<td headers="2014_BUDGET" class="MYCLASS"><a href="#" 
  onclick="alert(this.parentNode.getAttribute('headers')); return false">1</a></td>

试试这个

<td headers="2014_BUDGET" class="MYCLASS"><a href="#" onclick="alert(this.parentNode.getAttribute('headers'))">1</a></td>

它本质上与Gurvinder372的答案相同，但是，该答案针对的是A标签，而不是TD标签

一,

编辑 没关系，他已经更新了答案。忽略此项。

$（文档）.ready（函数（）{
$（“a.anchor”）。在（“单击”，函数（e）{
e、 预防默认值（）；
警报（$（this）.closest（“td”）.attr（“标题”）；
});
});

@ameydeshande进行了更改，感谢您的更正，可选地将$（this）.parent（）替换为$（this）.closest（'td'）。我不知道为什么，我只是觉得它读起来更好。我不确定是否有任何性能提升。是的，我们也可以为此使用parent（）函数。
$（“.MYCLASS a”）。打开（“单击”…
或只是
$（'.anchor'）。单击（function（）{//…}）
-无需使用
.on（）
，除非它们是动态添加的元素。-许多剥猫皮的方法=）是的，我们也可以用这种方式绑定事件，但我更喜欢为该锚添加单独的类，因为将来如果您想在“td”元素中添加另一个锚，那么您还需要更新这个jquery