JSFiddle - React, Tailwind, and code Playground

HTML

<div class="class1">
   Parent element deleted
   <span class="class2">Child element</span>
</div>

<div class="class1">
   Parent element not deleted
</div>

JavaScript

document.querySelectorAll('.class1').forEach(function(element) {
       if(element.querySelector('.class2') !== null) {
          element.parentNode.removeChild(element);
       }
    });