js和jQuery获取img标签的src属性获取不到的解决方法

很多朋友可能遇到过,用 jQuery 获取 img 标签的 src 属性却获取不到的问题:

<img id="test" src="1.jpg" alt="test" />

使用如下的语句都会出错:

alert($('#test'));
alert($('#test').src);

使用 $('#test').src 语句不会出错,但获取不到 img 的地址。

alert($('#test'));  //[object Object]
alert($('#test').src);  //undefined

 最后,使用 $('#test')[0].src 才能够获取到 img 的地址。

拓展:

JS获取 imgsrc 值:

//方法一:
var path =  $('#test').attr('src');
//方法二:
var path = document.getElementById("test").src;
//方法三:
var path = $("#test")[0].src;



推荐阅读:

PhpStorm表单提交时获取不到post数据的解决方法

jQuery实现元素的鼠标移入移出及点击显示隐藏(微信二维码)

用css实现文本溢出 超出部分隐藏显示省略号

Linux下如何重置MySQL密码

20180410博客更换服务器步骤

赞 (1)
分享到: +

评论 沙发

换个身份

  • 昵称 (必填)
  • 邮箱 (选填)