Yanıtlar:
Not: Sınıfı info_link
, bilgi almak istediğiniz herhangi bir bağlantıya uygulayın .
<a class="info_link" href="~/Resumes/Resumes1271354404687.docx">
~/Resumes/Resumes1271354404687.docx
</a>
Href için:
$(function(){
$('.info_link').click(function(){
alert($(this).attr('href'));
// or alert($(this).hash();
});
});
Metin için:
$(function(){
$('.info_link').click(function(){
alert($(this).text());
});
});
.
Onları şimdi şu şekilde alabilirsiniz:
Href için:
$(function(){
$('div.res a').click(function(){
alert($(this).attr('href'));
// or alert($(this).hash();
});
});
Metin için:
$(function(){
$('div.res a').click(function(){
alert($(this).text());
});
});
link
sınıfın bilgi almak istediği belirli bağlantılar için olması gerekiyor.
<div class='link' />
Güncellemeyi soruya yansıtmak için düzenlendi
$(document).ready(function() {
$(".res a").click(function() {
alert($(this).attr("href"));
});
});
Bunu saf JavaScript kullanarak yapmak bu kadar basit olduğunda jQuery'ye ihtiyacınız yoktur. İşte iki seçenek:
Yöntem 1 - href
Özniteliğin tam değerini alın :
Öğeyi seçin ve ardından .getAttribute()
yöntemi kullanın .
Bu yöntem yok değil bunun yerine tam değerini alır, tam URL'yi dönmek href
özniteliği.
var anchor = document.querySelector('a'),
url = anchor.getAttribute('href');
alert(url);
<a href="/relative/path.html"></a>
Yöntem 2 - Tam URL yolunu alın:
Öğeyi seçin ve ardından href
özelliğe erişin .
Bu yöntem, tam URL yolunu döndürür.
Bu durumda: http://stacksnippets.net/relative/path.html
.
var anchor = document.querySelector('a'),
url = anchor.href;
alert(url);
<a href="/relative/path.html"></a>
Başlığınızın da ima ettiği gibi, href
değeri tıklamada elde etmek istersiniz . Bir öğe seçin, bir tıklama olay dinleyicisi ekleyin ve ardından href
yukarıda belirtilen yöntemlerden birini kullanarak değeri döndürün.
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>
Güncellenen kod
$('a','div.res').click(function(){
var currentAnchor = $(this);
alert(currentAnchor.text());
alert(currentAnchor.attr('href'));
});
$('a','div.res')
Yukarıdaki Sarfraz örneğini kullanarak.
<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);
});
});