Как изменить значение srcset элемента изображения с помощью jQuery

Question

Как можно настроить свойство srcset исходного тега внутри элемента изображения с помощью jQuery? Каков правильный код jQuery для изменения значения xxxxxxxxxx.jpg и yyyyyyyyyy.jpg ниже?

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

Answer 2

Если вы хотите изменить src, то вы хотите, чтобы перезаписать все source с. Просто удалите их, так как вы не используете их:

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

А затем установите src обычно:

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

Если вы хотите использовать несколько src, держа его в ответ, а затем использовать код мультипликатор Stephanus' раз.