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。

注意：
这里假设一个元素中只<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');