Как, используя jQuery, я могу получить атрибут src HTML-элемента img?

Question

Когда курсор мыши перемещается по изображению, я хотел бы отобразить alert(), содержащее значение атрибута src этого изображения. Как я мог добиться этого?

Answer 1

Вы можете использовать событие mouseover .

Если у вас есть

<img src='foo.jpg' id='bar'>

Вы можете иметь некоторый код jQuery, например

$('#bar').mouseover(function(){ alert($(this).attr('src')); });

(если это не удастся, вы также можете попробовать заменить $(this) на $('#bar'), но, как отмечено в комментариях, это довольно уродливо)

edit: пропущена необходимость отображать атрибут src в первый раз через ..

Answer 2

<img src="some_img.gif">
<script>
$("img").bind("mouseover",function(){
alert($(this).attr("src"));
});
</script>

Answer 3

JavaScript:

function alertSource( image ) {
   alert( image.src );
}

HTML:

<img src="path/to/image" onmouseover="alertSource(this);" alt=""/>

Вам не нужен jQuery для этого.

Answer 4

$('img').mouseover(function() { 
    alert( this.src );
});