如何在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而不是attr,如果您正在更新src

Answer 2

可能有更好的方法来做到这一点,但没有看到更多的标记,我建议使用这样的东西:

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

此选择器<img>仅匹配包含.rc-image该类的任何元素的第一级内的标记.

注意:
这假设一个<img>元素中只包含一个.rg-image元素.您将无法src以这种方式检索多个属性,因为选择器将匹配许多元素.您需要循环匹配并为每个匹配提取src属性.