Odpowiedzi:
Uwaga: zastosuj zajęcia info_link
do dowolnego linku, z którego chcesz uzyskać informacje.
<a class="info_link" href="~/Resumes/Resumes1271354404687.docx">
~/Resumes/Resumes1271354404687.docx
</a>
Dla href:
$(function(){
$('.info_link').click(function(){
alert($(this).attr('href'));
// or alert($(this).hash();
});
});
Tekst:
$(function(){
$('.info_link').click(function(){
alert($(this).text());
});
});
.
Możesz je teraz zdobyć w ten sposób:
Dla href:
$(function(){
$('div.res a').click(function(){
alert($(this).attr('href'));
// or alert($(this).hash();
});
});
Tekst:
$(function(){
$('div.res a').click(function(){
alert($(this).text());
});
});
link
klasa powinna być przeznaczona dla konkretnych linków, z których chce uzyskać informacje.
<div class='link' />
Edytowano, aby odzwierciedlić aktualizację pytania
$(document).ready(function() {
$(".res a").click(function() {
alert($(this).attr("href"));
});
});
Nie potrzebujesz jQuery, gdy jest to tak proste przy użyciu czystego JavaScript. Oto dwie opcje:
Metoda 1 - pobierz dokładną wartość href
atrybutu:
Wybierz element, a następnie użyj .getAttribute()
metody.
Ta metoda nie zwraca pełnego adresu URL, zamiast tego pobiera dokładną wartość href
atrybutu.
var anchor = document.querySelector('a'),
url = anchor.getAttribute('href');
alert(url);
<a href="/relative/path.html"></a>
Metoda 2 - Pobierz pełną ścieżkę adresu URL:
Wybierz element, a następnie po prostu uzyskaj dostęp do href
właściwości .
Ta metoda zwraca pełną ścieżkę adresu URL.
W tym przypadku: http://stacksnippets.net/relative/path.html
.
var anchor = document.querySelector('a'),
url = anchor.href;
alert(url);
<a href="/relative/path.html"></a>
Jak sugeruje twój tytuł, chcesz uzyskać href
wartość po kliknięciu. Po prostu wybierz element, dodaj detektor kliknięć, a następnie zwróć href
wartość za pomocą jednej z wyżej wymienionych metod.
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>
Zaktualizowany kod
$('a','div.res').click(function(){
var currentAnchor = $(this);
alert(currentAnchor.text());
alert(currentAnchor.attr('href'));
});
$('a','div.res')
Korzystając z przykładu z Sarfraz powyżej.
<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);
});
});