jquery - 如何使用 jQuery 更改图片元素的 srcset 值

Question

如何使用 jQuery 定位图片元素中源标记的 srcset 属性？更改下面的 xxxxxxxxxx.jpg 和 yyyyyyyyyy.jpg 的值的正确 jQuery 代码是什么？

<picture>
    <!--[if IE 9]><video style="display: none;"><![endif]-->
    <source media="(min-width: 992px)" srcset="/images/bannerAds/xxxxxxxxxx.jpg">
    <source media="(min-width: 768px)" srcset="/images/bannerAds/yyyyyyyyyy.jpg">
    <source srcset="/images/bannerAds/zzzz_320x50.png">
    <!--[if IE 9]></video><![endif]-->
    <img src="data:image/gif;base64,R0lGODlhAQABAAAAADs=" alt="Clio">
</picture>

Answer 1

如果要更改src，则要覆盖所有sources。只需删除它们，因为您不使用它们：

$('picture source').remove();

然后src正常设置：

$('img').attr('src', 'your-new-image.jpg');

如果您想src通过保持响应来使用多个，请多次使用 Stephanus 的代码。

Answer 2

那么有很多方法可以完成它。老实说，由于各种原因，某人的正确方法可能不适合您。

这是一种方法。

function replace_srcset(target, replacement)
{
    // Search for the target
    $('source[srcset="'+target+'"]').attr('srcset', replacement);
}

replace_srcset('/images/bannerAds/xxxxxxxxxx.jpg', '/images/bannerAds/somethingelse.jpg');