如何在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');

Working Demo

正如@Broxzier在评论中提到的那样，使用prop代替attr，如果您要更新src

Answer 2

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

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

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

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

Answer 3

试试这个：

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

Answer 4

您可以尝试以下代码：

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