1. ホーム
  2. jquery

[解決済み] jQueryを使ってクリック時にアンカーテキストや参照先を取得するには?

2022-05-16 04:24:41

質問

次のようなアンカーがあるとします。

 <div class="res">
     <a href="~/Resumes/Resumes1271354404687.docx">
         ~/Resumes/Resumes1271354404687.docx
     </a>
 </div>

注意 アンカーのidやclassはありません...

jQueryでhref/textのどちらかを取得したい。 onclick で取得したい。

どのように解決するのですか?

注意してください。 クラスを適用する 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());
  });
});