JSFiddle - React, Tailwind, and code Playground

HTML

<ul class="product-list">
  <li><img src="https://i.imgur.com/Jdtk2XH.png"></li>
  <li><img src="https://i.imgur.com/rFEw1ZQ.png"></li>
  <li><img src="https://i.imgur.com/OZq9PFh.png"></li>
  <li><img src="http://i.imgur.com/EAT4hW8.png"></li><!-- Not targetted -->
  <li><img src="https://i.imgur.com/8GSRqEg.png"></li>
</ul>

JavaScript

$(function() {
	/*Products we're targetting*/
	var products = ["Jdtk2XH", "rFEw1ZQ", "OZq9PFh", "8GSRqEg"];
	
  $.each( products, function( key, value ) {
    /*For each product found add class*/
		$('ul.product-list li img[src*="' + value + '"]').addClass('special_offer_image');		
		/*On each product with class add something*/
		$( "<p>Test</p>" ).insertBefore( "img.special_offer_image" );
					
	});
});