Respostas:
Nota: aplique a classe info_link
a qualquer link de onde você deseja obter as informações.
<a class="info_link" href="~/Resumes/Resumes1271354404687.docx">
~/Resumes/Resumes1271354404687.docx
</a>
Para href:
$(function(){
$('.info_link').click(function(){
alert($(this).attr('href'));
// or alert($(this).hash();
});
});
Para Texto:
$(function(){
$('.info_link').click(function(){
alert($(this).text());
});
});
.
Você pode obtê-los assim agora:
Para href:
$(function(){
$('div.res a').click(function(){
alert($(this).attr('href'));
// or alert($(this).hash();
});
});
Para Texto:
$(function(){
$('div.res a').click(function(){
alert($(this).text());
});
});
link
aula deveria ser para os links específicos dos quais ele deseja obter informações.
<div class='link' />
Editado para refletir a atualização da pergunta
$(document).ready(function() {
$(".res a").click(function() {
alert($(this).attr("href"));
});
});
Você não precisa do jQuery quando é tão simples fazer isso usando JavaScript puro. Aqui estão duas opções:
Método 1 - Recupere o valor exato do href
atributo:
Selecione o elemento e use o .getAttribute()
método.
Este método não retorna o URL completo, em vez disso, ele recupera o valor exato do href
atributo.
var anchor = document.querySelector('a'),
url = anchor.getAttribute('href');
alert(url);
<a href="/relative/path.html"></a>
Método 2 - Recupere o caminho de URL completo:
Selecione o elemento e simplesmente acesse a href
propriedade .
Este método retorna o caminho completo do URL.
Neste caso: http://stacksnippets.net/relative/path.html
.
var anchor = document.querySelector('a'),
url = anchor.href;
alert(url);
<a href="/relative/path.html"></a>
Como seu título indica, você deseja obter o href
valor no clique. Basta selecionar um elemento, adicionar um ouvinte de evento de clique e retornar o href
valor usando um dos métodos mencionados acima.
var anchor = document.querySelector('a'),
button = document.getElementById('getURL'),
url = anchor.href;
button.addEventListener('click', function (e) {
alert(url);
});
<button id="getURL">Click me!</button>
<a href="/relative/path.html"></a>
Código atualizado
$('a','div.res').click(function(){
var currentAnchor = $(this);
alert(currentAnchor.text());
alert(currentAnchor.attr('href'));
});
$('a','div.res')
Usando o exemplo de Sarfraz acima.
<div class="res">
<a class="info_link" href="~/Resumes/Resumes1271354404687.docx">
~/Resumes/Resumes1271354404687.docx
</a>
</div>
$(function(){
$('.res').on('click', '.info_link', function(){
alert($(this)[0].href);
});
});