2011年2月23日水曜日

jQuery で画像タグに指定された URL を取得する方法

jQuery を使っていて、
<img src="img/hoge.jpg" id="hogeImage"> のような
相対パスで画像 URL を指定しているimg タグがあった場合、

・$('#hogeImage').eq(0).attr('src')
・$('#hogeImage').get(0).src

この2つでは、取れる値が異なります。

jQuery の attr メソッドを使うと、タグの src 属性に書かれているままの値(この場合だと相対パス)を取得できます。
→ img/hoge.jpg
後者のように HTMLImageElement の src プロパティを見るとフルパスが取得できます。
→ http://example.com/img/hoge.jpg (http://example.com/hoge.html がそのページの URL だとしたら)

0 件のコメント:

コメントを投稿