JSFiddle - React, Tailwind, and code Playground

HTML

<div id='testItem'> 
    <p>text</p> 
    <div> 
        <button>b1</button> 
        <button>b2</button> 
    </div> 
</div> 
<div id='testItem2'> 
    <p>text</p> 
    <div> 
        <button>b1</button> 
        <button>b2</button> 
    </div> 
</div>

JavaScript

var i = 0;
    function enabledDisable() {
        if (i % 2 == 0)
        {
            console.log('adding property');
            $('#testItem').find('button').prop('disabled', true);
            $('#testItem2').find('button').attr('disabled', true);
        } else {
            console.log('removing property');
            $('#testItem').find('button').removeProp('disabled');
            $('#testItem2').find('button').removeAttr('disabled');
        }
        i++;
    setTimeout(enabledDisable, 1000);
    }
    setTimeout(enabledDisable, 1000);