JSFiddle - React, Tailwind, and code Playground

by janjhnsn

HTML

<div class="container">
    <div class="hej">asd</div>
    <div class="hej">asd</div>
    <div class="hej">asd</div>
    <button>asd</button>
</div>
<div class="container">
    <div class="hej">asd</div>
    <div class="hej">asd</div>
    <div class="hej">asd</div>
    <button>asd</button>
</div>

JavaScript

$(function () {
    $.each($('.container'), function (index, value) {
        var container = $(value)
            button = container.find('button');
        
        button.on('click', function () {
            container.find('.hej').css({
                color: 'green'
            });
        });
        
        button.on('hover', function () {
            container.find('.hej').css({
                color: 'blue'
            });
        });

        container.append(index);
    });
});