JSFiddle - React, Tailwind, and code Playground

by Gourav Singh

HTML

<div class="first div">
<div class="second">  
<div class="title">Hi</div>
<div class="test-icon" style="background-image: url(https://1.jpg);">
</div>
</div>
</div>

<div class="first div">
<div class="second">  
<div class="title">Hi</div>
<div class="test-icon" style="background-image: url(https://12.jpg);">
</div>
</div>
</div>

<div class="first div">
<div class="second">  
<div class="title">Hi</div>
<div class="test-icon" style="background-image: url(https://123.jpg);">
</div>
</div>
</div>

<div class="first div">
<div class="second">  
<div class="title">Hi</div>
<div class="test-icon" style="background-image: url(https://good.jpg);">
</div>
</div>
</div>

<div class="first div">
<div class="second">  
<div class="title">Hi</div>
<div class="test-icon" style="background-image: url(https://good1.jpg);">
</div>
</div>
</div>

JavaScript

var allowedImages = ["good.jpg", "good1.jpg", "good2.jpg"];

$('.first').find('.test-icon').each(function(){
    if($.inArray($(this).css('background-image').allowedImages)){
     // $(this).closest('.first').remove();
    }    
});