Question

我希望当我点击按钮时，我可以获得特定的img src并在div class 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 所以我使用警报进行测试，结果是它什么都没提醒。

Answer 1

src应该在引号中：

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

Answer 2

你可能会发现喜欢

$('.class').find('tag').attr('src');

Answer 3

这就是你需要的

 $('img').context.currentSrc

Answer 4

使用完整的网址

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

使用相对图像网址

$('#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' />

Answer 5

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

$(this)[0].getAttribute('src');

Answer 6

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

$('img#post_image_preview').src;

Answer 7

html：

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

js：

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

Answer 8

获取当前点击的图像源并在其他图像中显示该图像位置;

<script type="text/javascript">
        jQuery(document).ready(function($){
            $('body').on('click','img',function(){              
                var imgsrc=$(this).attr('src');             
                $("html").append("<div id='image_popup'><img src='"+imgsrc+"'></div>");
            })
        });
    </script>

jQuery获取图像src

8 个答案: