JSFiddle - React, Tailwind, and code Playground

HTML

<table>
  <tbody>
    <tr>
      <td>
        <b class="abcName">Bob</b>
      </td>
    </tr>
    <tr>
      <td>
        <b class="abcName">Bert</b>
      </td>
    </tr>
    <tr>
      <td>
        <b class="abcName">Jeff</b>
      </td>
    </tr>
  </tbody>
</table>

CSS

.Bob {
    color: red;
}
.Bert {
    color: green;
}
.Jeff {
    color: blue;
}

JavaScript

function customizefields(arrNames) {
    $('td b').each(function(){
        for (var i = 0; i < arrNames.length; i++) {
            if ($(this).text().indexOf(arrNames[i].name) === 0) {
                this.className = arrNames[i].class;
            }
        }
    });
}
var namesToChange = [
    {'name':'Bob','class':'Bob'},
    {'name':'Bert','class':'Bert'},
    {'name':'Jeff','class':'Jeff'}
];
setInterval(function(){customizefields(namesToChange)}, 1000);