创建多个 div,每十分之一递减编号
Creating multiple divs with decreasing numbering every tenth
我想创建多个 div。 div 的 id 应该减少,但不会立即减少;就像不是 id 5,4,3,2,1。我想创建 10 个 id 为 10 的 div,然后创建 10 个 id 为 9 的 div,依此类推。所以它不应该立即减少一个。最后我想要 100 个 div。
重点是我要创建一个坐标系。所以 10 个 div 应该是 10,1 10,2 10,3 10,4... 然后当它达到 10,10 我希望它创建 9,1 9,2 9,3...
您在找这样的东西吗?
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>
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;
}
}
我想创建多个 div。 div 的 id 应该减少,但不会立即减少;就像不是 id 5,4,3,2,1。我想创建 10 个 id 为 10 的 div,然后创建 10 个 id 为 9 的 div,依此类推。所以它不应该立即减少一个。最后我想要 100 个 div。
重点是我要创建一个坐标系。所以 10 个 div 应该是 10,1 10,2 10,3 10,4... 然后当它达到 10,10 我希望它创建 9,1 9,2 9,3...
您在找这样的东西吗?
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>
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;
}
}