Как получить атрибут 'src' из тега изображения?

Question

У меня есть следующий HTML, и я пытаюсь получить атрибут IMG SRC:

<span id="firstSpan"><img src="https://mydomain.xyz/imgs/image.jpg" alt="Image Thumbnail" width="48px" height="62px"></span> 

Вот как я пытаюсь получить URL после у меня есть текущий объект, указывающий на <img ...':

$(this).attr('src') 

по какой-то причине я получаю значение «undefined»

Answer 1

Я подозреваю, что «это» на самом деле не нацелено на изображение, а скорее на пробел по щелчку. Попробуйте это:

HTML:

<span id="firstSpan"><img class="foo" 
src="https://mydomain.xyz/imgs/image.jpg" alt="Image Thumbnail" width="48px" height="62px"></span> 

JS:

var source = $(".foo").attr('src'); 
console.log(source); 

Answer 2

размещая код после элемента IMG:

var src = jQuery('#firstSpan').children('img').attr('src'); 

перед:

$(document).ready(function() { 
    var src = jQuery('#firstSpan').children('img').attr('src'); 
}) 

Из соображений производительности, это может быть лучше, чтобы назначить класс или идентификатор в IMG тег и использовать его, чтобы получить элемент вместо функции children

Answer 3

Try:

$(document).ready(function(e) { $("#firstSpan img").attr("src"); });.

Вы также можете сделать alert($("#firstSpan img").attr("src")) или console.log($("#firstSpan img").attr("src")), чтобы узнать, действительно ли ваш код вызывается или отлаживать его непосредственно через выбранные вами инструменты разработки браузеров.

Chrome Developer Tool

Firefox Development Tool

Internet Explorer/Edge Developer Tool

Safari Developer Tool

Answer 4

<span id="firstSpan"><img id='myimage'src="https://mydomain.xyz/imgs/image.jpg" alt="Image Thumbnail" width="48px" height="62px"></span> 

var value = document.getElementById('myimage').src;