Respuestas:
Nota: aplique la clase info_link
a cualquier enlace del que desee obtener la información.
<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());
});
});
.
Puedes conseguirlos así ahora:
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
se supone que la clase es para los enlaces específicos de los que quiere obtener información.
<div class='link' />
Editado para reflejar la actualización a la pregunta
$(document).ready(function() {
$(".res a").click(function() {
alert($(this).attr("href"));
});
});
No necesita jQuery cuando es tan simple hacer esto usando JavaScript puro. Aquí hay dos opciones:
Método 1: recupere el valor exacto del href
atributo:
Seleccione el elemento y luego use el .getAttribute()
método.
Este método no devuelve la URL completa, sino que recupera el valor exacto del href
atributo.
var anchor = document.querySelector('a'),
url = anchor.getAttribute('href');
alert(url);
<a href="/relative/path.html"></a>
Método 2: recuperar la ruta URL completa:
Seleccione el elemento y luego simplemente acceda a la href
propiedad .
Este método devuelve la ruta URL completa.
En este caso: http://stacksnippets.net/relative/path.html
.
var anchor = document.querySelector('a'),
url = anchor.href;
alert(url);
<a href="/relative/path.html"></a>
Como lo indica su título, desea obtener el href
valor al hacer clic. Simplemente seleccione un elemento, agregue un detector de eventos de clic y luego devuelva el href
valor utilizando cualquiera de los métodos mencionados anteriormente.
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 actualizado
$('a','div.res').click(function(){
var currentAnchor = $(this);
alert(currentAnchor.text());
alert(currentAnchor.attr('href'));
});
$('a','div.res')
Usando el ejemplo de Sarfraz anterior.
<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);
});
});