Jquery：使用具有变量名的类附加到 div答案

【问题标题】：Jquery: append to div with a class that has a variable nameJquery：使用具有变量名的类附加到 div
【发布时间】：2020-02-07 02:06:03
【问题描述】：

所以我正在开发一个快速应用，当你按下按钮时，狗的图片就会出现。我希望图片成行显示。所以我开始用 'dog row' 类创建 div，并以变量结束名称。虽然该 div 的创建是成功的。我似乎无法将任何内容附加到 div 本身。

for (i=0; i<dogPool.length; i++){
            if (i%5 == 0){
            $('.dogTable').append(
                "<div class='dogLine dogRow" + rowNumber + "'></div>"
            );
            console.log("<div class='dogLine dogRow" + rowNumber + "'></div>");

                rowName = "'.dogRow" + rowNumber + "'";
                rowNumber++;
            }
            console.log("row: " + rowName);
            $(rowName).append(
                "<p>"+ i + "</p>"
            );
        }

【问题讨论】：

rowName 中不需要单引号。只需使用rowName = ".dogRow" + rowNumber;
能否也给我们您的 HTML？

标签： javascript jquery variables append

【解决方案1】：

问题出在rowName = "'.dogRow" + rowNumber + "'";

你应该这样修复

 var rowName = '.dogRow' + rowNumber;

var dogPool = ["dog1", "dog2"];
var rowNumber = 0;
for (i=0; i<dogPool.length; i++){
    $('.dogTable').append(
        "<div class='dogLine dogRow" + rowNumber + "'></div>"
    );
    console.log("<div class='dogLine dogRow" + rowNumber + "'></div>");

    var rowName = '.dogRow' + rowNumber;
    rowNumber++;
    
    $(rowName).append(
        "<p>"+ i + "</p>"
    );
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="dogTable">
123
</div>

【讨论】：