Как получить якорный текст /href при нажатии с помощью jQuery?

У меня есть якорь, который выглядит как

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

ПРИМЕЧАНИЕ: Не будет никакого идентификатора или класса для привязки...

Я хочу получить либо href/text в jQuery onclick этого якоря.

Ответы

Примечание. Примените класс 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());
  });
});

Отредактировано, чтобы отразить обновление до вопроса

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

Вам не нужно jQuery, когда это так просто сделать, используя чистый JavaScript. Вот два варианта:

Метод 1 - Получить точное значение атрибута href:

Выберите элемент, а затем используйте метод .getAttribute().

Этот метод не возвращает полный URL-адрес, вместо этого он получает точное значение атрибута href.
```
var anchor = document.querySelector('a'),
    url = anchor.getAttribute('href');

alert(url);
```
```
<a href="/relative/path.html"></a>
```

Обновленный код

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