Javascript 向特定类不起作用的div的所有子级添加类

我正在尝试在几个具有特定类的div中添加div，即

”。description“

然后，我希望每个内部div都有一个不同的类，但它只适用于具有上述类的第一个div。
代码如下：

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

函数addDescriptionFields（）{
var i=0；
对于（i=1；i而言，
each（）
循环是无用的，因为在它内部您正在执行
$（“.description div”）.eq（0）
，它只选择该集合中的第一个元素，而不是每个
.description
中的第一个元素

你得把它改成这样

function addDescriptionFields() {

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

函数addDescriptionFields（）{
对于（var i=1；i它应该是这样的：
var descClasses=[“游戏名称”、“游戏描述”、“游戏流行度”]；
$（'.description>div'）。每个
（函数（index）{$（this）.addClass（descClasses[index]）}）；
工作非常完美，我已经厌倦了尝试，以至于没有看到明显的答案，谢谢。
function addDescriptionFields() {
    var classes     = ["game-name", "game-description", "game-popularity"],
        description = $(".description");

    $.each(classes, function(_, klass) {
        description.append("<div class='"+klass+"' />");
    }
}