JSFiddle - React, Tailwind, and code Playground

HTML

<table>
  <tbody>
    <tr>
      <td>
        <b class="abcName">Bob Mackey</b>
      </td>
    </tr>
    <tr>
      <td>
        <b class="abcName">Bert Sesame</b>
      </td>
    </tr>
    <tr>
      <td>
        <b class="abcName">Ernie Street</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(objNames) {
    $('td b').each(function(){
        name = $(this).text();
        if (name.indexOf(" ") != -1) {
            name = name.substring(0, name.indexOf(" "));
        }
        if (objNames[name]) {
            this.className = objNames[name];
        }
    });
}
var namesToChange = {
    'Bob':'Bob',
    'Bert':'Bert',
    'Jeff':'Jeff'
};
setInterval(function(){customizefields(namesToChange)}, 1000);