如何获取锚点文本/ href单击使用jQuery？

考虑我有一个像这样的锚

<div class="res"> <a href="~/Resumes/Resumes1271354404687.docx"> ~/Resumes/Resumes1271354404687.docx </a> </div> 

注：将不会有任何标识或类的锚…

我想获得该锚点的jQuery onclick href /文本。

Answer 1

注意：将类info_link应用到您想从中获取信息的任何链接。

 <a class="info_link" href="~/Resumes/Resumes1271354404687.docx"> ~/Resumes/Resumes1271354404687.docx </a> 

对于href：

 $(function(){ $('.info_link').click(function(){ alert($(this).attr('href')); // or alert($(this).hash(); }); }); 

对于文本：

 $(function(){ $('.info_link').click(function(){ alert($(this).text()); }); }); 

。

更新根据问题编辑

你现在可以像这样得到他们：

对于href：

 $(function(){ $('div.res a').click(function(){ alert($(this).attr('href')); // or alert($(this).hash(); }); }); 

对于文本：

 $(function(){ $('div.res a').click(function(){ alert($(this).text()); }); }); 

Answer 2

编辑以反映问题的更新

 $(document).ready(function() { $(".res a").click(function() { alert($(this).attr("href")); }); }); 

Answer 3

没有jQuery：

当使用纯JavaScript来完成这个任务时，你不需要使用 jQuery。 这里有两个选项：

• 方法1 – 检索href属性的确切值：

  select元素，然后使用.getAttribute()方法。

  此方法不会返回完整的URL，而是检索href属性的确切值。

   var anchor = document.querySelector('a'), url = anchor.getAttribute('href'); alert(url); 

   <a href="/relative/path.html"></a> 

Answer 4

更新的代码

 $('a','div.res').click(function(){ var currentAnchor = $(this); alert(currentAnchor.text()); alert(currentAnchor.attr('href')); });