回答:
注: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' />
純粋なJavaScriptを使用してこれを行うのが非常に簡単な場合は、jQuery は必要ありません。2つのオプションがあります。
方法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);
});
});