[解決済み] 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());
});
});
関連
-
[解決済み] jQueryで要素が非表示になっているかどうかを確認するには?
-
[解決済み] event.preventDefault() vs. return false
-
[解決済み] どのラジオボタンが選択されているかをjQueryで知るにはどうしたらよいですか?
-
[解決済み] jQueryで要素にスクロールする
-
[解決済み] jQueryを使ってドロップダウンリスト(セレクトボックス)から選択されたテキストを取得する
-
[解決済み] Microsoft JSONの日付はどのようにフォーマットするのですか?
-
[解決済み] 動的に生成された要素にイベントバインディングを行うか?
-
[解決済み] jQuery get specific option tag text
-
[解決済み] .on('click') と .click() の違いについて
-
[解決済み】jQueryでチェックボックスがチェックされているかどうかを確認するにはどうすればよいですか?
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み] jQueryのpreventDefault()が発動しない
-
[解決済み] jquery mobileでページ中央のグリッド表示
-
[解決済み] jQueryでdata属性で要素を選択する
-
[解決済み] jQuery データ属性の値に基づいて要素を検索する方法は?
-
[解決済み] jQuery UIダイアログのクローズボタンを削除するには?
-
[解決済み] 複数のクラスを削除する(jQuery)
-
[解決済み] jQueryでチェックボックスの値を取得する
-
[解決済み] Google Maps APIでマウスのスクロールホイールによる拡大縮小を無効にする方法
-
[解決済み] jQueryでval()がchange()をトリガーしない
-
[解決済み] jQueryで<input type="text">のonchangeを実装するには?