Условно добавьте класс для изображения по jquery

Question

Этот JS заменит имя файла изображения default.jpg на hqdefault.jpg со всех изображений ниже. Но теперь я пытаюсь добавить класс в Image, если изображение src имеет ссылку img.youtube.com на изображения, расширив этот JS.

JS:

$('#selector img').attr('src',function(i,e){ 
    return $(this).attr('src').replace("default.jpg","hqdefault.jpg"); 
}); 

HTML:

<div id="selector"> 
    <img src="http://img.youtube.com/vi/qDc_5zpBj7s/default.jpg"> 
    <img src="http://img.youtube.com/vi/ss7EJ-PW2Uk/default.jpg"> 
    <img src="http://img.youtube.com/vi/ktd4_rCHTNI/default.jpg"> 
    <img src="http://img.youtube.com/vi/0GTXMEPDpps/default.jpg"> 
</div> 

Значит, если изображение имеет ЦСИ Youtube изображение, а затем добавить класс .video к родительскому образу.

Answer 1

Try:

$('#selector img').each(function(i) { 
    var self = $(this); 
    var src = self.attr('src'); 
    if (src.match(/img.youtube.com/)) { 
     self.attr('src', src.replace("/default.jpg","/hqdefault.jpg")); 
     self.addClass('video'); 
    } 
}); 

Answer 2

Вы можете добавить условие перед заменой и добавить класс видео.

$('#selector img').attr('src',function(i,e){ 
    if($(this).attr('src').search('img.youtube.com') > 0){ 
     $(this).addClass('video'); 
    } 
    return $(this).attr('src').replace("default.jpg","hqdefault.jpg"); 
});