JSFiddle - React, Tailwind, and code Playground

by sdgluck

HTML

<div id="container-one"></div>
<div id="container-two"></div>

CSS

div {
    width: 100px;
}

JavaScript

"use strict";

let num = 100;
let $children = $();

for(let i = 0; i < num; i += 1) {
    $('#container-one, #container-two').each(function() {
        let $child = $('<div class="child">');
        $children.add($child);
        $(this).append($child);
    });
}

$children.each(function(i) {
    $(this).click(console.log.bind("child" + i));
});

$('#container-one, #container-two').click(function() {
    $(this).find('.child').trigger('click');
});