JSFiddle - React, Tailwind, and code Playground

by Norlihazmey Ghazali

HTML

<div id="group1">
    <div class="parent1"></div>
    <div class="parent2"></div>
    <div class="parent3"></div>
</div>
<div id="group2">
    <div class="parentMain1">
        <div class="content">test</div>
        <div class="content">test</div>
        <div class="content">test</div>
    </div>
    <div class="parentMain2">
        <div class="content">test</div>
        <div class="content">test</div>
    </div>
    <div class="parentMain3">
        <div class="content">test</div>
    </div>
</div>

JavaScript

$('#group2').children().each(function (i, e) {
    var length = $(this).children().length;
   
    for (var m = 1,n = length ; m <= n; m++) {
       $('<a/>', {
            href: '#',
            text: m
        }).appendTo($('div#group1').find('div:eq(' + i + ')'));
    }
});