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()的{{1}}似乎不对，因为<a>实际上是img元素的一部分。

Answer 1

示例中的img标记是a标记的子标记。所以要获取src属性的值：

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

jsFiddle Demo

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');
});

示例：fiddle

访问使用jQuery链接的图像

2 个答案: