126

我希望当我点击按钮时，我可以得到具体的img src，并在div 类img-block块中显示img src。

HTML

<button class="button">Click</button>
<div class="img1">
    <img src="img.jpg" alt="">
</div>

<div class="img-block"></div>

CSS

.img-block{
    position: absolute;
    top:10%;
    right:10%;
    background-color: red;
    width: 500px;
    height: 500px;
}
.img1 img{
    width: 200px;
}

JS

$('.button').click(function(){
  var images = $('.img1 img').attr(src);
  alert(images);      
});

但是现在我面临的问题是获取img src。
所以我用alert来做测试，结果是什么都没有提醒。

4

7 回答 7

247

src 应该用引号引起来： 

$('.img1 img').attr('src');
于 2013-11-12T18:33:02.123 回答
10

完整的网址使用

$('#imageContainerId').prop('src')

用于相对图像 url 使用

$('#imageContainerId').attr('src')


function showImgUrl(){
  console.log('for full image url ' + $('#imageId').prop('src') );
  console.log('for relative image url ' + $('#imageId').attr('src'));
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<img id='imageId' src='images/image1.jpg' height='50px' width='50px'/>

<input type='button' onclick='showImgUrl()' value='click to see the url of the img' />

于 2018-11-21T12:05:47.427 回答
6

你可能会发现 likr

$('.class').find('tag').attr('src');
于 2017-04-27T07:36:00.860 回答
2

在处理 HTML DOM（即。this）时，[0]必须使用数组选择器从 Javascript 数组中检索 jQuery 元素。

$(this)[0].getAttribute('src');
于 2020-11-17T22:28:21.023 回答
1

这就是你需要的

 $('img').context.currentSrc
于 2017-07-08T02:58:19.650 回答
1

就我而言，这种格式适用于最新版本的 jQuery：

$('img#post_image_preview').src;
于 2019-05-14T22:09:47.337 回答
0

html：

<img id="img_path_" width="24" height="24" src=".." class="img-fluid" alt=“&quot;>

js：

$('#img_path_').attr('src')
于 2021-08-09T12:56:51.670 回答