JSFiddle - React, Tailwind, and code Playground

by kodisha

HTML

<div id="yes">
    <ul>
        <li>test</li>
    </ul> 
    
    <ul class="menu">
        <li>test</li>
    </ul>    
    <ul class="nijeMenu">
        <li>test</li>
    </ul>
    
    <ul class="menu">
        <li>test</li>
    </ul>    
    <ul class="menu">
        <li>test</li>
    </ul>    
</div>

<div id="no">
    <ul class="menu">
        <li>nopeee</li>
    </ul>      
</div>

CSS

ul.nijeMenu li {
    color:red;
    
}

ul.mojaklasa li {
    color:blue;
}

JavaScript

function appendClass(target, newClass) {
    $(target).each(function() {
        $(this).addClass(newClass)
    });
}



//wrap everything in document ready
$(document).ready(function() {

    var target = 'div#yes ul.menu';
    var newClass = 'mojaklasa';
    appendClass(target, newClass);

});