如何在 div 中选择 img src 属性？ [关闭]答案

【问题标题】：How to select img src attribute inside a div? [closed]如何在 div 中选择 img src 属性？ [关闭]
【发布时间】：2013-08-26 17:09:51
【问题描述】：

我需要用什么选择器来获取这张图片的src值？

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

【问题讨论】：

【解决方案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

【讨论】：

【解决方案2】：

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

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

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

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

【讨论】：

【解决方案3】：

试试这个：

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

【讨论】：

【解决方案4】：

您可以通过以下代码尝试：

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

【讨论】：