使用 jQuery 输出 srcset 的 img.currentSrc答案

【问题标题】：Output img.currentSrc of srcset using jQuery使用 jQuery 输出 srcset 的 img.currentSrc
【发布时间】：2016-04-18 03:03:52
【问题描述】：

我需要使用 jQuery 警报输出图像的当前来源：

alert($('.someclass img').attr('currentSrc'));

...但是警报输出未定义。

供参考，标记如下：

<div class="someclass">
    <img srcset="http://example.com/A.png, http://example.com/A@2x.png 2x">
</div>

【问题讨论】：

是的，因为图像没有附加 currentSrc 属性

标签： jquery responsive-design retina

【解决方案1】：

currentSrc 是属性而不是属性。使用.prop('currentSrc')

$(function() {

  console.log($("img").prop("currentSrc"));
  
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="someclass">
    <img srcset="https://webkit.org/demos/srcset/image-1x.png, https://webkit.org/demos/srcset/image-2x.png">
</div>

【讨论】：

这在 IE11 中不起作用 :( 检查 img-object，找不到任何 currentSrc 属性。显然...不支持 srcset：caniuse.com/#feat=srcset

【解决方案2】：

试试 alert($('.someclass img').attr('srcset'));

【讨论】：

谢谢，但这会输出 srcset 的值，就像标记中出现的那样。我特别想输出 srcset 的 currentSrc。 IE。根据这组来源，当前来源是什么？