JSFiddle - React, Tailwind, and code Playground

HTML

<table>
    <tr>
        <td class="player"><a>REMOVE ME 1</a>  (<span class="warning">S</span>)</td>
        <td class="player"><a>SHOW ME 1</a>  (<span class="warning">T</span>)</td>
        <td class="player"><a>REMOVE ME 2</a>  (<span class="warning">O</span>)</td>
        <td class="player"><a>SHOW ME 2</a></td>
        <td class="player"><a>SHOW ME 3</a></td>
        <td class="player"><a>S</a>  (<span class="warning">SHOW ME 4</span>)</td>
        <td class="player"><a>REMOVE ME 3</a>  (<span class="warning">I</span>)</td>
    </tr>
</table>

JavaScript

var item = $('.warning');
for (var i = 0; i <= item.length; i++) {
    if ($(item[i]).text() == 'S' || $(item[i]).text() == 'I' || $(item[i]).text() == 'O') {
        $(item[i]).parent().remove();      
    }
}