jquery如何获取图片的路径。

<img src="/img/banner1.jpg" > 请问怎么获取到这个src里面的内容。

<div class="test">
    <img src="test.jpg"/>
</div>

$(function(){
  var url = $('.test img').attr("src");
  alert(url);
});

jQuery的attr属性可以返回元素属性,如上代码所示

attr(name|preperties|key,value|fn)详解

参数

name :属性名称

properties:作为属性的"名/值对"对象

key,value:属性名称

fn:调用函数

温馨提示:内容为网友见解,仅供参考
第1个回答  2018-09-21
$('img')[0].src

这种方式获得的是绝对地址

$('img').attr('src')

这种方式获得的是相对地址

第2个回答  2015-11-13
var img = '';
$('img').each(function() {
img += $(this).attr('src') + '|';
})
最终得到的img就是所有路径的集合(用'|'分割,至于怎么组合,自己随便改)

如果还有其他的img,为了避免取到不必要的东西,可以为你需要取路径的img加上一个自定义的属性,比如rel="fetchimg"
那么取的时候就这样:
var img = '';
$('img[rel=fetchimg]').each(function() {
img += $(this).attr('src') + '|';
})本回答被网友采纳
第3个回答  2013-05-30
<script> 
$(function(){
var lujing=$("img").attr("src"); 
alert(lujing); 
})
</script>

如果是多张图片可以给图片加上ID ,将$("img")换成$("#ID名")

本回答被提问者采纳
相似回答