JSFiddle - React, Tailwind, and code Playground

by JonNorman

HTML

<span>Child 1</span> 
<p id="child_1_xyz">
    <span style="display:none">abc</span>
    <span style="display:none">def</span>
    <span style="display:none">ghi</span>
</p> 
<span>Child 2</span>
<p id="child_2_xyz">
    <span>123</span>
    <span style="display:none">456</span>
    <span>789</span>
</p>

JavaScript

$('p[id^="child_"][id$="_xyz"]').each(function() {
    if ($(this).find('span:visible').length == 0) { // nothing shown so hide the element 
        $(this).prev().hide();
    } else {
        $(this).prev().show();
    }
});