使用jQuery动态创建div(Dynamically creating divs with jQuery)

 有人可以赐教我为什么下面的代码不起作用？ 
 
   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> div”）。size（）'检查时，它返回'0'。 我还尝试了其他一些替代方案，包括在'基于可变数字的jQuery动态生成Div'中提到的那个，但这也返回相同的结果'0'。 
 
 我正在使用“jquery-1.6.4.js”（也尝试使用“jquery-1.6.2.js”）。 
 
 希望有人可以指出我做错了什么。 

Can someone kindly enlighten me why the following code of mine does not work?
 
   for(var i=0; i<4; i++) {

        var ref = i+1;

        $("#test").append("<div id='t" + ref + "'>In t" + ref + "</div>");
    }
 
My intention is to create child divs inside 'test' div. But when I check with '$("#test > div").size()', it returns '0'. I've also tried some other alternative including the one mentioned in 'Dynamically Generating Divs with jQuery based on variable number' post, but this also return the same result '0'.
 
I am using "jquery-1.6.4.js" (also tried with "jquery-1.6.2.js").
 
Hope someone can point out what am I doing wrong.

原文：https://stackoverflow.com/questions/7962997