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

Posted 2023-05-08

【中文标题】如何获取html5图片的src [重复]

【英文标题】：How to get the src of the html5 picture [duplicate]

【发布时间】：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"   >
</picture>

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

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

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

【问题讨论】：

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

【参考方案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')