如何获取html5图片的src [重复]答案

【问题标题】：How to get the src of the html5 picture [duplicate]如何获取html5图片的src [重复]
【发布时间】：2019-05-18 22:48:51
【问题描述】：

我正在尝试获取html5图片标签的正确src：

<picture>
<source media="(max-width: 575px)" srcset="/fileadmin/_processed_/7/d/csm_25675374538_e92c22790b_k_0fae925c97.jpg">
<source media="(max-width: 767px)" srcset="/fileadmin/_processed_/7/d/csm_25675374538_e92c22790b_k_b6fa9f6d7f.jpg">
<source media="(max-width: 991px)" srcset="/fileadmin/_processed_/7/d/csm_25675374538_e92c22790b_k_2c0e132222.jpg">
<source media="(max-width: 1199px)" srcset="/fileadmin/_processed_/7/d/csm_25675374538_e92c22790b_k_ad9b3a0b15.jpg">
<!-- FALLBACK -->
<img class="highlight-image" src="/fileadmin/user_upload/25675374538_e92c22790b_k.jpg" alt="" width="1920" height="1280">
</picture>

当我尝试以下操作时，我得到了后备图像的路径

$('img.highlight-image').attr('src')

但我想要屏幕上的 img 的 src。

【问题讨论】：

@IslamElshobokshy 如您所见，它实际上是重复的。

标签： javascript jquery css html image

【解决方案1】：

希望这对你有用。

$(document).ready(function() {
    const img = $('img.highlight-image');
    console.log(img[0].currentSrc); // returns the current shown image
});

【讨论】：

谢谢，currentSrc 是正确的提示
很好，我可以帮忙！祝项目顺利！

【解决方案2】：

您的代码看起来不错，但它返回一个数组，因此您可以尝试使用

$('img.highlight-image').first().attr('src')

【讨论】：