jquery - div内のimg src属性を選択するには?

Question

この画像の src 値を取得するには、どのセレクターを使用する必要がありますか?

<div class="rg-image">
    <img src="/zenphoto/cache/test2/6244146_460s_595_watermark.jpg">
</div>

Answer 1

それにはいくつかの方法があります。

あなたはこれを行うことができます

var src  = $('.rg-image img').attr('src');

また

 var src $('.rg-image').find('img').attr('src');

また

var src=$('.rg-image').children("img").attr('src');

ワーキングデモ

コメントで@Broxzierが述べたように、更新する場合はprop代わりに使用してくださいattrsrc

Answer 2

これを行うためのより良い方法があるかもしれませんが、マークアップをこれ以上見ることなく、次のような方法を使用することをお勧めします。

var img_src  = $( '.rg-image > img' ).attr( 'src' );

このセレクターは、クラス<img>を含む要素の最初のレベル内のタグのみに一致します。.rc-image

注:これは、1 つの要素内に含まれる要素が
1 つだけであることを前提としています。セレクターは多くの要素に一致するため、この方法で複数の属性を取得することはできません。一致をループし、それぞれに対して属性を抽出する必要があります。<img>.rg-imagesrcsrc

Answer 3

これを試して ：

$(document).ready(function(){
   $('.rg-image img').attr('src');
});