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

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

这是一种方法。

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');