使用 jQuery 输出 srcset 的 img.currentSrc

Question

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

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

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

供参考，加价如下：

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

Answer 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>

Answer 2

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

使用 jQuery 输出 srcset 的 img.currentSrc

Output img.currentSrc of srcset using jQuery

jquery

responsive-design

retina