创建多个 div，每十分之一减少编号

Question

我想创建多个div。div 的 id 应该减少，但不会立即减少;就像不是 id 5,4,3,2,1。我想创建 10 个 id 为 10 的div，然后创建 10 个 id 为 9 的div，依此类推。所以它不应该立即减少一个。最终我想要 100 个div。

重点是我想创建一个坐标系。所以 10div 应该是 10,1 10,2 10,3 10,4...然后当它达到 10,10 时，我希望它创建 9,1 9,2 9,3...

Answer 1

for(var i = 10; i>0 ;i--){
for (var j=1;j<11;j++){

var div = document.createElement("div"); 
div.setAttribute("id", i + ',' + j);
document.body.appendChild(div); 
div.innerHTML= i + ',' + j;
}
}

Answer 2

你在寻找这样的东西吗？

for (var i = 10; i > 0; i--) {
for (var j = 1; j <= 10; j++) {
$("#wrapper").append("<div id=" + i + j + ">DIV " + i + " " + j + "</div>");
}
}

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