How to get anchor text/href on click using jquery?

Question

Consider i have an anchor which looks like this

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

NOTE: There wont be any id or class for the anchor...

I want to get either href/text in jquery onclick of that anchor ...

Answer 1

Note: Apply the class info_link to any link you want to get the info from. Unlike the answer of rahul, this will only target elements you want to target but what rahul suggested would prompt it up for all the links on your site.

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

For href:

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

For Text:

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

.

Update Based On Question Edit

You can get them like this now:

For href:

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

For Text:

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

Answer 2

Edited to reflect update to question

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