JSFiddle - React, Tailwind, and code Playground
by michapixel
HTML
<p class="foo bar paidcontent-freeuntil">Foo</p>
<p class=" bar paidcontent">Foo</p>
<p class="foo paidcontent-feeuntil">Foo</p>JavaScript
let trace = console.log;
let PC_els = document.querySelectorAll('[class*="paidcontent"]')
const hasClassLike = (list, str) => {
let r = false;
list.forEach( (i) => {
if( i.includes(str) ) {
r = true;
}
});
return r;
}
PC_els.forEach((el)=>{
if(!hasClassLike(el.classList, 'freeuntil')) {
el.setAttribute('style', 'color:red;');
}
})