代码之家 › 专栏 › 技术社区 › Ralf

如何获取HTML5图片的SRC[副本]

image html5 css jquery javascript

Ralf · 技术社区 · 6 年前

这个问题已经有了答案:

Get the current image source of a picture element 2答

我正在尝试获取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。

2 回复 | 直到 6 年前

Peter Bode 6 年前

希望这对你有用。

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

Lucas 6 年前

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

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

推荐文章

Softly · 单选按钮未按预期取值

1 年前

Jason Owens · 我的html/javascript播放按钮无法播放嵌入的youtube视频

1 年前

SlickRed · 我无法使用JS关注HTML元素

1 年前

Mayron Guedes · 如果登录名不在本地存储中,如何重定向页面?

1 年前

assembler · Nextjs没有处理发布请求

1 年前

PavelB · 如何使用Seleniumwebdriver和mocha只运行一个测试文件?

1 年前

BADRUM · 执行两个获取功能后,如何导航回页面?

1 年前

Toniq · javascript为php保存多维数组

1 年前

Natalie Smyth · 隐藏类只在我试图切换的两个部分中的一个部分上工作

1 年前

SkyWalker · 在JavaScript中,合并日期-时间序列的有效算法是什么?

1 年前