JSFiddle - React, Tailwind, and code Playground

by sushanth009

HTML

<ol>
    <li><div class="msg">message1</div></li>
    <li data-allow-html="true"><div class="msg">message2</div></li>
    <li><div class="msg">message3</div></li>
    <li data-allow-html="true"><div class="msg">message4</div></li>
    <li><div class="msg">message5</div></li>
    <li data-allow-html="true"><div class="msg">message6</div></li>
    <li><div class="msg">message7</div></li>
    <li data-allow-html="true"><div class="msg">message8</div></li>
</ol>

JavaScript

$('li').not('[data-allow-html]').find('.msg').each(function() {

        // Your code here
       $(this).css('color', 'orange')
 });