Câu trả lời:
Lưu ý: Áp dụng lớp học info_link
cho bất kỳ liên kết nào bạn muốn lấy thông tin từ đó.
<a class="info_link" href="~/Resumes/Resumes1271354404687.docx">
~/Resumes/Resumes1271354404687.docx
</a>
Đối với href:
$(function(){
$('.info_link').click(function(){
alert($(this).attr('href'));
// or alert($(this).hash();
});
});
Đối với Văn bản:
$(function(){
$('.info_link').click(function(){
alert($(this).text());
});
});
.
Bạn có thể lấy chúng như thế này ngay bây giờ:
Đối với href:
$(function(){
$('div.res a').click(function(){
alert($(this).attr('href'));
// or alert($(this).hash();
});
});
Đối với Văn bản:
$(function(){
$('div.res a').click(function(){
alert($(this).text());
});
});
link
lớp học phải dành cho các liên kết cụ thể mà anh ấy muốn lấy thông tin.
<div class='link' />
Đã chỉnh sửa để phản ánh cập nhật cho câu hỏi
$(document).ready(function() {
$(".res a").click(function() {
alert($(this).attr("href"));
});
});
Bạn không cần jQuery khi nó quá đơn giản để thực hiện việc này bằng JavaScript thuần túy. Đây là hai tùy chọn:
Phương pháp 1 - Lấy giá trị chính xác của href
thuộc tính:
Chọn phần tử và sau đó sử dụng .getAttribute()
phương pháp.
Phương thức này không trả về URL đầy đủ, thay vào đó, nó truy xuất giá trị chính xác của href
thuộc tính.
var anchor = document.querySelector('a'),
url = anchor.getAttribute('href');
alert(url);
<a href="/relative/path.html"></a>
Phương pháp 2 - Truy xuất đường dẫn URL đầy đủ:
Chọn phần tử và sau đó chỉ cần truy cập thuộc href
tính .
Phương thức này trả về đường dẫn URL đầy đủ.
Trong trường hợp này: http://stacksnippets.net/relative/path.html
.
var anchor = document.querySelector('a'),
url = anchor.href;
alert(url);
<a href="/relative/path.html"></a>
Như tiêu đề của bạn ngụ ý, bạn muốn nhận được href
giá trị khi nhấp chuột. Chỉ cần chọn một phần tử, thêm trình nghe sự kiện nhấp chuột và sau đó trả về href
giá trị bằng cách sử dụng một trong các phương pháp nói trê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>
Đã cập nhật mã
$('a','div.res').click(function(){
var currentAnchor = $(this);
alert(currentAnchor.text());
alert(currentAnchor.attr('href'));
});
$('a','div.res')
Sử dụng ví dụ từ Sarfraz ở trên.
<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);
});
});