JSFiddle - React, Tailwind, and code Playground

HTML

<div class="parent">
Parent 1
<div>1</div>
<div>2</div>
<div>3</div>
</div>
<div class="parent">
Parent 2
<div>4</div>
<div>5</div>
<div>6</div>
</div>

<button id="filter">Filter()</button>
<button id="find">Find()</button>

CSS

div {
  background-color: white;
}

JavaScript

$('#filter').on('click', function() {
   clear();
   $('.parent').filter('div').css('background-color', 'lightgreen');
});

$('#find').on('click', function() {
   clear();
   $('.parent').find('div').css('background-color', 'lightgreen');
});

function clear() {
   $('div').css('background-color', 'white');
}