Py学习  »  Jquery

Jquery:用一个具有变量名的类追加到div

Zackry Broodie-Stewart • 6 年前 • 1845 次点击  

'dog row' 并以变量结束名称。 而这个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>"
            );
        }
Python社区是高质量的Python/Django开发社区
本文地址:http://www.python88.com/topic/54215
文章 [ 1 ]  |  最新文章 6 年前
Phong
Reply   •   1 楼
Phong    6 年前

问题就在这里 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>