JSFiddle - React, Tailwind, and code Playground

by BYossarian

HTML

<div id="wrapper">
    <div style="display:none;">
        <p>Blah.</p>
    </div>
    <p>Some <span style="display:none;">stuff</span> here.</p>
    <div>
        <p style="display:none;">1</p>
        <p>2</p>
    </div>
</div>

JavaScript

var $node = $('#wrapper');
$node.find(':hidden').addClass('markedForRemoval');

var $clone = $node.clone();

$clone.find('.markedForRemoval').remove();

// tidy up:
$clone.find('.markedForRemoval').removeClass('markedForRemoval');
$node.find('.markedForRemoval').removeClass('markedForRemoval');

// to see the result:
console.log($clone[0]);