Answers:
注意:将该类info_link
应用于您要从中获取信息的任何链接。
<a class="info_link" href="~/Resumes/Resumes1271354404687.docx">
~/Resumes/Resumes1271354404687.docx
</a>
对于href:
$(function(){
$('.info_link').click(function(){
alert($(this).attr('href'));
// or alert($(this).hash();
});
});
对于文字:
$(function(){
$('.info_link').click(function(){
alert($(this).text());
});
});
。
您现在可以像这样获得它们:
对于href:
$(function(){
$('div.res a').click(function(){
alert($(this).attr('href'));
// or alert($(this).hash();
});
});
对于文字:
$(function(){
$('div.res a').click(function(){
alert($(this).text());
});
});
link
课程应该用于他想从中获取信息的特定链接。
<div class='link' />
编辑以反映对问题的更新
$(document).ready(function() {
$(".res a").click(function() {
alert($(this).attr("href"));
});
});
你并不需要 jQuery的时候它是如此简单做到这一点使用纯JavaScript。这里有两个选择:
方法1-检索href
属性的确切值:
选择元素,然后使用.getAttribute()
方法。
这个方法并没有返回完整的URL,而不是它检索的精确值href
属性。
var anchor = document.querySelector('a'),
url = anchor.getAttribute('href');
alert(url);
<a href="/relative/path.html"></a>
方法2-检索完整的URL路径:
选择元素,然后简单地访问href
属性。
此方法返回完整的URL路径。
在这种情况下:http://stacksnippets.net/relative/path.html
。
var anchor = document.querySelector('a'),
url = anchor.href;
alert(url);
<a href="/relative/path.html"></a>
就像标题所暗示的那样,您希望获得href
点击的价值。只需选择一个元素,添加一个click事件侦听器,然后href
使用上述任一方法返回值。
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>
更新的代码
$('a','div.res').click(function(){
var currentAnchor = $(this);
alert(currentAnchor.text());
alert(currentAnchor.attr('href'));
});
$('a','div.res')
使用上面Sarfraz中的示例。
<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);
});
});