Element Selections via Regular Expression with jQuery filter

Easily target images with the jQuery filter function, using a Regular Expression. With this you can easily find elements that have a matching class, like ‘featured_image’ or ‘testimonial_image’.

// build our desired collection.
// matches both $('img.featured-testimonial__image') & $('img.featured-work__image')

const matches = $('img').filter(function() {

                  return this.className.match(/__image/);

                });

 
// Do something to collection
$.each(matches, function(i, item) { 
  $item = $(item);

  src = $item.attr('src');

  $item.attr('src', src.replace('http://', '//'));


});

Enjoy coding …