JSFiddle - React, Tailwind, and code Playground

by ChaseWest

HTML

<div class="description"></div>
<div class="description"></div>
<div class="description"></div>
<div class="description"></div>

CSS

div{
    width: 20px;
    height: 20px;
    border: 1px solid black;
}

JavaScript

function addDescriptionFields() {
    var i=0;
    for(i=1; i<=3; i++) {
        $(".description").append("<div></div>");
    }
    
    console.log($(".description"));
    
    $(".description").each(function(key, value) {
        $(".description div", value).eq(0).addClass("game-name");
        $(".description div", value).eq(1).addClass("game-description");
        $(".description div", value).eq(2).addClass("game-popularity");
        console.log(value);
    });
}

addDescriptionFields();