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

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 值 img。我使用了以下代码:

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

它给出了 a 标签 的 href 但我想要在 a 标签 之后的 img 标签的 src 我应该做什么修改做什么？

Answer 1

图像是.thumbnail 的子元素。您需要使用:

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

更改图片的SRC:

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