如何从图像标签中获取'src'属性?

时间:2016-01-14 16:13:50

标签: javascript jquery node.js cheerio

我有以下HTML,我正在尝试获取img src属性:

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

以下是我将当前对象指向<img ...'后尝试获取网址的方法:

$(this).attr('src')

由于某种原因,我得到'未定义'值

4 个答案:

答案 0 :(得分:1)

将代码放在img元素之后:

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

之前:

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

出于性能原因,最好为img标记分配一个类或一个id,并使用它来获取元素而不是children函数

答案 1 :(得分: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;

答案 2 :(得分:0)

我怀疑&#34;这个&#34;实际上并不是针对图像,而是针对点击的跨度。试试这个:

<强> HTML:

SKProductsRequest

<强> JS:

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

答案 3 :(得分:0)

尝试:

$(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