답변:
참고 :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"));
});
});
순수한 JavaScript를 사용하여이 작업을 수행하는 것이 매우 간단 할 때는 jQuery가 필요 하지 않습니다 . 두 가지 옵션이 있습니다.
방법 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
클릭에 대한 가치 를 얻고 싶습니다 . 요소를 선택하고 클릭 이벤트 리스너를 추가 한 다음 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);
});
});