JSFiddle - React, Tailwind, and code Playground

by Tushar Jadhav

HTML

<div class="one two three four five six seven eight">Invalid</div>
<div class="one two three four five six seven eight ten">Valid Ten</div>
<div class="one two three four five six seven eight">Invalid</div>
<div class="one two three four five six seven eight">Invalid</div>
<div class="one two three four five six seven eight eleven">Valid 11</div>
<div class="one two three four five six seven eight nine">Valid 9</div>

CSS

.valid {
    color: green;
}

JavaScript

var obj = ['nine', 'ten', 'eleven'];
var classes = '\\b(' + obj.join('|') + ')\\b',
    regex = new RegExp(classes, 'i');


$('div').each(function() {
    var elClasses = ' ' + $(this).attr('class').replace(/\s+/, ' ') + ' ';
    console.log(elClasses, regex)
    if (regex.test(elClasses)) {
        $(this).addClass('valid');
    }
})