如何使用JavaScript从SRCSET中选择正确的SRC

Question

我的页面上有一个srcset

<img src="bg__x-large.png" srcset="bg__small.png 900w, bg__med.png 1200w, bg__large.png 1920w">

这是由视差脚本使用的，现在只是读取SRC属性

$(this).css('background-image', 'url(' + $(this).attr('src') + ')' );

将其设置为背景图像。

如何使用jQuery读取正确的SRC？

Answer 1

使用 .currentSrc 属性（而不是图像的 .src）来确定活动的" src"：

JQ： $(this).prop('currentSrc')

香草： this.currentSrc

有关更多信息，请参见MDC的HTMLMediaElement.CurrentsRC文档。