小编Pau*_*aul的帖子

在 jQuery 中使用 for 循环创建 div 并为每个 div 分配 ID

我目前正在使用 for 循环创建 div。

问题是当我尝试为 for 循环中创建的每个 div 元素分配一个唯一的 id 时。

我越来越接近了,但目前计数从 36 开始,而不是 1。

非常感谢您的帮助!

这是我的html:

<!DOCTYPE html>
<html>
<head>
<title>Intro Webpage!</title>

<meta charset="UTF-8" /> 
<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0; target-densitydpi=device-dpi" />
<link rel="stylesheet" type="text/css" href="style.css"/>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script type="text/javascript" src="script.js"></script>
</head>
<body>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)

现在,这是我的 script.js:

for(i = 0; i < 35; i++) {
$(document).ready(function(){
    $('body').append('<div id="div'+ (i++) +'" />');
});
}
Run Code Online (Sandbox Code Playgroud)

另外,我的CSS:

div {
width: 167px;
height: 167px;
border-radius: 10px;
background-color: #ff0000;
display: inline-block;
margin-left: 5px; …
Run Code Online (Sandbox Code Playgroud)

html javascript css jquery

3
推荐指数
1
解决办法
3万
查看次数

使用for循环和document.getElementById在Javascript中填充数组

我一直在尝试使用for循环填充数组并使用这些值 document.getElementById("spin " + i).value;

ids在我的HTML对于每个输入标签去从SPIN1到spin18.

对我做错了什么建议?或者我可以改变什么?

var nums = [];

for(var i = 1; i <= 18; i++){
    var num[i] = parseInt(document.getElementById("spin" + i).value);

    nums.push(num[i]);

}

alert(nums.length);
Run Code Online (Sandbox Code Playgroud)

html javascript loops for-loop

2
推荐指数
1
解决办法
2万
查看次数

标签 统计

html ×2

javascript ×2

css ×1

for-loop ×1

jquery ×1

loops ×1