Risposte:
Nota: applica la classe info_link
a qualsiasi link da cui desideri ottenere le informazioni.
<a class="info_link" href="~/Resumes/Resumes1271354404687.docx">
~/Resumes/Resumes1271354404687.docx
</a>
Per href:
$(function(){
$('.info_link').click(function(){
alert($(this).attr('href'));
// or alert($(this).hash();
});
});
Per il testo:
$(function(){
$('.info_link').click(function(){
alert($(this).text());
});
});
.
Puoi ottenerli in questo modo ora:
Per href:
$(function(){
$('div.res a').click(function(){
alert($(this).attr('href'));
// or alert($(this).hash();
});
});
Per il testo:
$(function(){
$('div.res a').click(function(){
alert($(this).text());
});
});
link
classe dovrebbe essere per i link specifici da cui vuole ottenere informazioni.
<div class='link' />
Modificato per riflettere l'aggiornamento alla domanda
$(document).ready(function() {
$(".res a").click(function() {
alert($(this).attr("href"));
});
});
Non hai bisogno di jQuery quando è così semplice farlo usando JavaScript puro. Ecco due opzioni:
Metodo 1 - Recupera il valore esatto href
dell'attributo:
Seleziona l'elemento e quindi utilizza il .getAttribute()
metodo.
Questo metodo non restituisce l'URL completo, ma recupera il valore esatto href
dell'attributo.
var anchor = document.querySelector('a'),
url = anchor.getAttribute('href');
alert(url);
<a href="/relative/path.html"></a>
Metodo 2 - Recupera il percorso URL completo:
Seleziona l'elemento e quindi accedi semplicemente alla href
proprietà .
Questo metodo restituisce il percorso completo dell'URL.
In questo caso: http://stacksnippets.net/relative/path.html
.
var anchor = document.querySelector('a'),
url = anchor.href;
alert(url);
<a href="/relative/path.html"></a>
Come suggerisce il titolo, vuoi ottenere il href
valore al clic. Selezionare semplicemente un elemento, aggiungere un listener di eventi clic e quindi restituire il href
valore utilizzando uno dei metodi sopra menzionati.
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>
Codice aggiornato
$('a','div.res').click(function(){
var currentAnchor = $(this);
alert(currentAnchor.text());
alert(currentAnchor.attr('href'));
});
$('a','div.res')
Usando l'esempio di Sarfraz sopra.
<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);
});
});