Как выбрать атрибут img src внутри div?

Question

Какой селектор мне нужно использовать, чтобы получить значение src этого изображения?

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

Answer 1

Там могут быть лучшие способы сделать это, но, не видя больше разметки, я рекомендовал бы использовать что-то вроде этого:

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

Этот селектор будет соответствовать <img> тегов только в пределах первого уровня любого элемента, содержащий .rc-image класса.

Примечание:
Это предполагает, что есть только один <img> элемент, содержащийся в пределах одного .rg-image элемента. Таким образом, вы не сможете получить несколько атрибутов src, так как селектор будет соответствовать многим элементам. Вам нужно будет перебрать совпадения и для каждого из них извлечь атрибут src.

Answer 2

Существует несколько способов сделать это.

Вы можете сделать это

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

или

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

или

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

Working Demo

Как @Broxzier упоминалось в комментарии, используйте prop вместо attr, если вы обновляете src

Answer 3

Попробуйте это:

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

Answer 4

Вы можете попробовать на следующий код:

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