JSFiddle - React, Tailwind, and code Playground

by JoshC

HTML

<table>
<th id="form:dataTable:discountStartDate">
    <span class="ui-sortable-column-icon ui-icon ui-icon-carat-2-n-s">first item..</span>
    <span class="ui-sortable-column-icon ui-icon ui-icon-carat-2-n-s">second item.. (using jQuery the class is removed)</span>
</th>
</table>

CSS

.ui-sortable-column-icon {
    color:red;
}

JavaScript

$('#form\\:dataTable\\:discountStartDate > span:last').removeClass('ui-sortable-column-icon');