2016-01-14 98 views
-3

我有以下的HTML,我試圖讓IMG SRC屬性:如何從圖片標籤獲取'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'值

+3

的代碼看起來不錯,當你打了嗎?也許$(this)不是img標籤。 – IrkenInvader

+3

你的背景是什麼,你是在一個onclick內部運行,還是恰到好處? (如果這種情況的價值,如果這將是窗口whch沒有src屬性) – dovidweisz

+1

誰是$(this)? –

回答

0

我懷疑「this」實際上並不是針對圖像,而是點擊範圍。試試這個:

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); 
1

配股代碼img元素後:

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

前:

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

出於性能方面,它可以更好地分配一個類或一個ID,img標籤,並用它來獲取元素,而不是children功能

1
<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;