【jQuery】imgタグのsrc属性から画像のURLを取得する方法！

あきぞらです。

jQueryで、imgタグのsrc属性から画像のURLを取得する必要があり、

少し調べたので今回はその方法について紹介したいと思います。

jQueryでimgタグのsrc属性を取得する

こんなHTML要素があったとします。

<div class="topic-item-image">
    <img src="https://test.akizora.tech/html.png" class="topic-item-img" id="test-img">
</div>

ここから、jQueryでimgタグから画像のURLを取得してみます。

imgタグにIDが付いているので、IDを指定して.attrでsrcを取得してみます。

const srcUrl = $('#test-img').attr('src');
console.log(srcUrl);

.attr('src')で、srcの属性を取得することができました。