使用jQuery动态创建div

Question

有人可以告诉我为什么下面的代码不起作用吗？

   for(var i=0; i<4; i++) {

        var ref = i+1;

        $("#test").append("<div id='t" + ref + "'>In t" + ref + "</div>");
    }

我的目的是在'test'div内创建子div。 但是当我用'$（“＃test＆gt; div”）。size（）'检查时，它返回'0'。 我还尝试了其他一些替代方案，包括“使用jQuery基于变量编号动态生成Div”中提到的那个，但这也会返回相同的结果'0'。

我正在使用“jquery-1.6.4.js”（也尝试使用“jquery-1.6.2.js”）。

希望有人能指出我做错了什么。

Answer 1

一切都很好。您可能在加载jQuery或DOM准备好之前尝试执行该代码，但是一旦所有内容到位，您就会使用.size（）函数进行测试。

确保将它全部包装在文档就绪功能中，你应该很好。

Answer 2

代码中的一切都很好。 See here

另见创作元素here的另一种方法。

Answer 3

为了更好的练习，为HTML代码添加$ function

 $("#test").append( $ ("<div id='t" + ref + "'>In t" + ref + "</div>") );

然后尝试

$("#test > div").length

或

$("#test>div").length