JSFiddle - React, Tailwind, and code Playground

by bullrout

HTML

<table>        
<tbody>
<tr class="">
                        <td class="ms-vb2">
                        </td>
                        <td class="ms-vb2">Hong Kong</td>
                        <td class="ms-vb2">Asia</td>
                      </tr>
                      <tr class="ms-alternating">
                        <td class="ms-vb2">
                        </td>
                        <td class="ms-vb2">London</td>
                        <td class="ms-vb2">EMEA</td>
                      </tr>
                      <tr class="">
                        <td class="ms-vb2">
                        </td>
                        <td class="ms-vb2">New York</td>
                        <td class="ms-vb2">Americas</td>
                      </tr>
                      <tr class="ms-alternating">
                        <td class="ms-vb2">
                        </td>
                        <td class="ms-vb2">Sydney</td>
                        <td class="ms-vb2">ANZ</td>
                      </tr>
                      <tr class="">
                        <td class="ms-vb2"></td>
                        <td class="ms-vb2">Global</td>
                        <td class="ms-vb2">ANZ; Americas; Asia; Canada; EMEA</td>
                      </tr>
</tbody>
</table>

CSS

div {
    background-color: #CCC;
    padding: 5px;
}

ul {
    background-color: #AAA;
    margin: 5px;
}

JavaScript

jQuery.expr[':'].containsAny = function(element, index, match) {
    var words = match[3].split(/\s+/);
    var text = $(element).text();
  
    var results = $.map(words, function(word) {
        return text === word;
    });
    return $.inArray(true, results) !== -1;
};


$('td:containsAny(ANZ; Americas; Asia; Canada; EMEA)').css("backgroundColor", "red");