JSFiddle - React, Tailwind, and code Playground

HTML

<div class="tile">
  <div>
    <div animal='fish'></div>
  </div>
</div>
<div class="tile">
  <div>
    <div animal='dog'></div>
  </div>
</div>
<div class="tile">
  <div>
    <div animal='frog'></div>
  </div>
</div>
<div class="tile">
  <div>
    <div animal='cat'></div>
  </div>
</div>
<div class="tile">
  <div>
    <div animal='cat'></div>
  </div>
</div>
<div class="tile">
  <div>
    <div animal='cow'></div>
  </div>
</div>
<span>cats (expected 2):</span>
<span id="result1"></span>
<br />
<span>cats & dogs (expected 3):</span>
<span id="result2"></span>

JavaScript

$(document).ready(function(){
  $('#result1').html($( '.tile:has(div div[animal=cat])' ).length);
  $('#result2').html($( '.tile:has(div div[animal=cat], div div[animal=dog])' ).length);
});