プログラミング

【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を指定して.attrsrcを取得してみます。

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

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

-プログラミング

Copyright© あきぞらてっく , 2020 All Rights Reserved Powered by AFFINGER5.