jQueryで画像srcを取得する

Question

_<img src="../img/arnold.png" alt="Arnold">
_

この画像のjQuery絶対パスを取得するにはどうすればよいですか？

img.attr("src")は「../ img/arnold.png」のみを提供し、「http://site.com/data/2011/img /arnold.png "（完全なURL）。

Answer 1

alert( $('img')[0].src );

これでうまくいくかもしれません...しかし、クロスブラウザについてはわかりません...

ここのデモ

また、jQuery 1.6の prop を試してください。

alert( $('img').prop('src') );

ここにデモ

Answer 2

JQueryで取得できることはわかりませんが、ネイティブのJavaScriptイメージオブジェクトで取得できます。

_var getSrc = function(imgSource) {
    var img = new Image();
    img.src = imgSource;
    return img.src;
};
_

x = getSrc(srcAttribute)または同様のもので呼び出してください。パラメータは、現在html/imageにあるsrcを保持する文字列またはリテラルです。 http：//your/site/path/to/image.jpg のようなものを返します

http://jsfiddle.net/BradleyStaples/cQMjQ/

Answer 3

JQueryで現在クリックされている画像ソースを提供する

jQuery(document).ready(function($){
$('body').on('click','img',function(){
                alert('it works');
                var imgsrc=$(this).attr('src');
                alert(imgsrc);
});
});