Question

是否可以将类应用于使用jQuery动态创建的矩形？

我正在制作一个带有固定尺寸框的网格图案，以便在加载时填充页面。

我希望每个人都有自己的类，所以我可以在我的CSS文件中设置它们。

以下是相关代码。

var spacesWidth = Math.floor($(window).width() / 40);
var spacesHeight = Math.floor($(window).height() / 40);
for (i = 0; i < spacesHeight; i++){
    for (j = 0; j < spacesWidth; j++){
        var box = $(document.createElementNS("http://www.w3.org/2000/svg", "rect")).attr({
            width: 40,
            height: 40,
            x: j * 40,
            y: i * 40
        });
        $('#canvas').append(box);
        $('#canvas svg:last-child').attr("class","redDirt")
    }
}

我的目标是根据它所拥有的类别来设计每个样式。

这将用于为2D战略游戏随机生成网格地形。

如何做到这一点？

Answer 1

如果正确解释问题，请尝试在致电class

时添加.attr()

  var box = $(document.createElementNS("http://www.w3.org/2000/svg", "rect"))
           .attr({
            // note, property "class" in quotes
              "class":"className",
              width: 40,
              height: 40,
              x: j * 40,
              y: i * 40
           });

将类应用于动态放置的矩形

1 个答案: