jQueryでaタグの"リンク先"を取得する方法

2023-02-20

jQueryでaタグのhref属性が相対パスやルート絶対パスで書かれているとき､
そのリンク先を絶対パス(URL)で取得する方法をご紹介｡

理想通りいかない例

これだと /page/ が取得されてしまいます｡

<a href="/page/">詳しくはこちら</a>

<script>
$(function(){
	let href = $("a").attr("href"); //「 /page/ 」
});
</script>

相対パスやルート絶対パスで書かれてるリンク先を取得するには

prop()を使いましょう｡

<a href="/page/">詳しくはこちら</a>

<script>
$(function(){
	let href = $("a").prop("href"); //「 https://blog.knis.jp/page/ 」
});
</script>

すると､リンク先をURLで取得することができます！

お役に立てましたら応援をお待ちしております！
頂いた応援は子育てに活用させていただきます｡

または以下のボタンからなにか買って応援 (PR)

Amazonのアソシエイトとして「けん」は適格販売により収入を得ています。