JSFiddle - React, Tailwind, and code Playground

HTML

<p id="foo1" style="display: block;">
    <button>[]</button>
    <button>[[]]</button>
    <button>|</button>
    <button>{{}}</button>
    <button>{{{}}}</button> ·
    <button>–</button>
    <button>—</button> ·
    <button>“”</button>
    <button>‘’</button>
    <button>«»</button>
</p>
<p id="foo2" style="display: block;">
    <button>[]</button>
    <button>[[]]</button>
    <button>|</button>
    <button>{{}}</button>
    <button>{{{}}}</button> ·
    <button>–</button>
    <button>—</button> ·
    <button>“”</button>
    <button>‘’</button>
    <button>«»</button>
</p>

JavaScript

$('#foo1').contents().not($('button')).remove();
$('#foo2').contents().not('button').remove();