使用jQuery访问在链接中单击的图像

Question

我有一个要使用jQuery处理的链接：

<a href="http://example.com/images/big_dog.jpg" >
    <img src= "http://example.com/images/small_dog.jpg" style="position:absolute; left:198; top:67; width:170">
</a>

单击小狗时，将出现大狗。

href属性（大狗）很简单。 我可以做.attr('href') 。 但是，如何访问链接的<img>部分，即被点击的小狗？

一个find()从<a>看起来不正确，因为img实际上是一部分<a>元素。

Answer 1

示例中的img标签是a标签的子元素。 因此，要获取src属性的值：

$(this).children("img").attr("src");

jsFiddle演示

Answer 2

@imbondbaby与儿童部分是对的。 如果您想使用find而您却不能使用，请参见以下示例：

$('#test').click(function(){
    $(this).find('img').attr('src','http://portablegamingregion.com/wp-content/uploads/2013/03/Apple-and-Google-logo-Thumbnail1.png');
});

例如： 小提琴