カテゴリ:
aタグから絶対パスでURLを取得する
jQueryで、aタグからURLを取得しようとしてattrメソッドでhref属性を取得したら、想定外のパスが返ってきたことはないだろうか。ブラウザでそのリンクをマウスオーバーすると絶対パスのURLを確認できると思うが、実際には当該aタグのhref属性は相対パスで書かれていることがままある。
attrメソッドでaタグのhref属性を取得すると、そこに書いてあるそのままが返ってくる。つまり、href属性が相対パスで書いてあればそれをそのまま取得できるのがattrメソッドである。
1 | <a id="link1" href="/javascript/list.php">JavaScript Tips</a> |
1 2 | // attrメソッドでhref属性を取得console.log('attr: ' + $('#link1').attr('href')); |
attr: /javascript/list.php
これに対して、propメソッドでhref属性を取得すれば、"http://"等で始まる絶対パスを得られるようだ。これを利用すれば、相対パスで書かれたaタグから絶対パスのURLを取得することができる。必要に応じてattrメソッドとpropメソッドを使い分けよう。
1 2 | // propメソッドでhref属性を取得console.log('prop: ' + $('#link1').prop('href')); |
prop: http://www.office-matsunaga.biz/javascript/list.php
(2018/01/11)
| 新着情報 |
|---|
| 【オープンソースソフトウェア環境構築】Apple silicon Macで開発環境を構築 |
| 【Rust Tips】Actix webでJSONをPOSTする |
| 【Rust Tips】コマンドライン引数を取得する |
Copyright© 2004-2018 モバイル開発系(K) All rights reserved.
[Home]