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

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

javascript jquery html css

Javascript 在jQuery中使用for循环创建div，并为每个div分配id,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我目前正在使用for循环创建div 问题是当我试图为for循环中创建的每个div元素分配一个唯一的id时我离得越来越近了，但现在计数从36开始，而不是1 非常感谢你的帮助这是我的html： <!DOCTYPE html> <html> <head> <title>Intro Webpage!</title> <meta charset="UTF-8" /> <meta name="viewport" conte

我目前正在使用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>

您需要在侧边document.ready中放入

循环，而不是将document.ready放入循环

中，而且您可能不需要在循环体中增加

，因为它是在循环签名中增加的。您可以阅读有关document.ready的更多信息

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

$（文档）.ready（函数（）{
对于（i=0；i<35；i++）{
$（'body'）。追加（''）；
}
});

拿着美元（文档）。准备好开始

$(document).ready(function() {
    // do loop here
}

尝试：

$（文档）.ready（函数（）{
var html=''；
对于（i=0；i<35；i++）{
html+=''；
}
$（'body'）.append（html）；
});

所有提供的答案都可以完成这项工作，但如果您想让它更快，您可以这样做。另外，如果希望

div

id以1开头，则应该执行

++i

而不是

i++

<代码>i++没有意义，因为这是由

for循环

自动完成的

$(document).ready(function() {
    var divsToAppend = "";
    for (i = 0; i < 35; i++) {
        divsToAppend += '<div id="div' + (++i) + '" />';        
    }
    $('body').append(divsToAppend);
});

$（文档）.ready（函数（）{
var divsToAppend=“”；
对于（i=0；i<35；i++）{
divsToAppend+=''；
}
$（'body'）.append（divsToAppend）；
});

您说过它可以让速度更快。如何执行？

append

方法不会在每次循环运行时执行。最后只执行一次。如果你想读几篇文章，

$(document).ready(function() {
    // do loop here
}

$(document).ready(function(){
    var html='';
    for(i = 0; i < 35; i++) {
        html += '<div id="div'+ i +'" />';
    }
    $('body').append(html);
});

$(document).ready(function() {
    var divsToAppend = "";
    for (i = 0; i < 35; i++) {
        divsToAppend += '<div id="div' + (++i) + '" />';        
    }
    $('body').append(divsToAppend);
});