☰

jQueryで画像srcを取得する 質問する

tag-icon • tag-icon jquery
jQueryで画像srcを取得する 質問する

ボタンをクリックすると、特定の img src が取得され、div クラス ブロックに img src が表示されることを期待していますimg-block。

html

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

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

CS

.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 を取得することです。
そのため、アラートを使用してテストを行いましたが、結果は何もアラートされませんでした。

ベストアンサー1

src は引用符で囲む必要があります:

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

おすすめ記事