在javascript或jquery中向动态创建的div添加html元素

我通过asp.net mvc应用程序中的javascript创建了动态div。这是在for循环中创建的，我将每个

id

保留为索引值：

 for (j = 1; j <= count; j++) {
    $("<div id=" + j + "> Step " + j +  "</div>").
        hide().appendTo("#parentDiv").fadeIn();
 }

对于（j=1；j这将起作用

var count = 10
for (j = 1; j <= count; j++) {
    $("<div id=a" + j + "> Step " + j + "</div>").hide().appendTo("#parentDiv").fadeIn();
    $('#a' + j).html("test" + j);
}

var计数=10
对于（j=1；j而言，这是可行的

var count = 10
for (j = 1; j <= count; j++) {
    $("<div id=a" + j + "> Step " + j + "</div>").hide().appendTo("#parentDiv").fadeIn();
    $('#a' + j).html("test" + j);
}

var计数=10
对于（j=1；j首先，您不应该只为ID分配数字，有效的ID以字母字符开头。
稍后在脚本中，您应该能够使用这些新对象各自的ID引用它们

如果您试图将事件附加到这些元素，则必须使用live（）方法。Classic bind（）或其快捷方式click（）、hover（）等对Dynamicly添加的元素无效

HTH
首先，您不应该只为ID分配数字，有效的ID以字母字符开头。
稍后在脚本中，您应该能够使用这些新对象各自的ID引用它们

如果您试图将事件附加到这些元素，则必须使用live（）方法。Classic bind（）或其快捷方式click（）、hover（）等对Dynamicly添加的元素无效

HTH

#你好{
高度：100px；
宽度：500px；
背景：蓝色；
}
.小{
边缘顶部：10px；
高度：60px；
宽度：500px；
背景：红色；
}
.最小的{
边缘顶部：10px；
高度：10px；
宽度：500px；
背景：绿色；
}
$（函数（）{
对于（j=1；j

#你好{
高度：100px；
宽度：500px；
背景：蓝色；
}
.小{
边缘顶部：10px；
高度：60px；
宽度：500px；
背景：红色；
}
.最小的{
边缘顶部：10px；
高度：10px；
宽度：500px；
背景：绿色；
}
$（函数（）{
对于（j=1；j，您可能想看看以下内容：
您可能想看看这个：
仅供参考：以数字开头的ID不是有效的HTML。@Andy E只是想补充一点，这在XHTML 1.0之前有效，但对HTML5有效。仅供参考：以数字开头的ID不是有效的HTML。@Andy E只是想补充一点，这在XHTML 1.0之前有效，但对HTML5有效添加了“a”因为Andy E说以数字开头的ID无效。虽然不是很确定。但我还是添加了它。这里是什么$（'a'+j）.html（“test”+j）；添加了“a”，因为Andy E说以数字开头的ID无效。虽然不是很确定。但我还是添加了它。$（'a'+j）.html（“test”+j）；
<script src="jquery.js"></script>
<style>
#hello{
    height: 100px;
    width: 500px; 
    background: blue;
}

.small{
    margin-top: 10px;
    height: 60px;
    width: 500px;
    background: red;
}

.smallest{

    margin-top: 10px;
    height: 10px;
    width: 500px;
    background: green;

}
</style>
<script>
$(function(){
for (j = 1; j <= 5; j++) {

    var div = $("<div></div>").attr({"id": "div"+j , 'class': 'small'}).appendTo($('#hello'));
    //create some variable and add to var div
    $('<div></div>').attr({"class": 'smallest'}).appendTo(div);
    $('<div></div>').attr({"class": 'smallest'}).appendTo(div);
    $('<div></div>').attr({"class": 'smallest'}).appendTo(div);
    }




});
</script>
<div id="hello"></div>