如何使用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 value img。 我使用了以下代碼：

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

它給a tag提供了href ，但是我希望在a tag之后獲得img標簽的src我應該怎么做？

Answer 1

圖像是.thumbnail子元素。 您需要使用：

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

更改圖像的SRC：

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

Answer 2

要獲取圖像的src屬性的值，您需要請求src屬性，而不是href屬性。

要獲取元素的子代 ，請使用子代（直接后代）選擇器 parent > child 。

在您的情況下：

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

Answer 3

您可以使用以下來源

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