获取图像元素的第一个src

Question

我试图在这样的giphy链接中获取img元素的第一个src： https://media.giphy.com/media/4uZv6yO0loMKc/giphy.gif

我正在使用这个jquery代码：

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

但它得到的第二个源链接以.gif结尾，而不是以.webp结尾的那个。

如何获取特定的img src链接，以.webp结尾？

Answer 1

当该页面打开时，在console中执行此代码会为我提供正确的图像。

document.querySelectorAll('img')[0].src

所以这个也适用

document.querySelector('img').src

Answer 2

在javascript中： var attribute = document.getElementsByTagName('img')[0].attributes.src.value;

你的问题不是jquery选择不同的属性。 src属性是一个对象，具有不同的属性。选择＆＃34;值＆＃34; property将返回以.webp结尾的链接作为您的目标。