Question

我有一个HTML如下：

<ul class="thumbnails">
    <li><a class="thumbnail" href="http://localhost/upload/image/cache/catalog/demo/canon_eos_5d_1-500x500.jpg" title="Canon EOS 5D"><img src="http://localhost/upload/image/cache/catalog/demo/canon_eos_5d_1-228x228.jpg" title="Canon EOS 5D" alt="Canon EOS 5D"></a></li>
    <li class="image-additional"><a class="thumbnail" href="http://localhost/upload/image/cache/catalog/demo/canon_eos_5d_2-500x500.jpg" title="Canon EOS 5D"> <img src="http://localhost/upload/image/cache/catalog/demo/canon_eos_5d_2-74x74.jpg" title="Canon EOS 5D" alt="Canon EOS 5D"></a></li>
    <li class="image-additional"><a class="thumbnail" href="http://localhost/upload/image/cache/catalog/demo/canon_eos_5d_3-500x500.jpg" title="Canon EOS 5D"> <img src="http://localhost/upload/image/cache/catalog/demo/canon_eos_5d_3-74x74.jpg" title="Canon EOS 5D" alt="Canon EOS 5D"></a></li>
</ul>

我想获得src value img。我使用了以下代码：

var imgTag =  $('.thumbnail').attr("href");
        console.log(imgTag);

它提供了href的{{1}}，但我想在a tag之后的img标记的src应该做什么修改？

Answer 1

图片是.thumbnail的子元素。你需要使用：

$('.thumbnail').find('img').attr("src");

更改图像的SRC：

 $('.thumbnail').find('img').attr("src", newSRC);

Answer 2

要获取图片的src属性的值，您需要请求src属性，而不是href属性。

要获取元素的子元素，请使用child (direct descendant) selector parent > child。

在你的情况下：

$('.thumbnail > img').attr('src');

Answer 3

您可以使用

获取来源

$('.thumbnail img').attr('src');

如何使用jquery获取img标签的src

3 个答案: