jquery 请问下面罗列array到html为什么不成功？

我想把allArray罗列出来，但生成的结果却只是一个空的<div id="#allfield"/>,请问我错在哪里？<body>
<script type="text/javascript" src="http://localhost/leb/auto/js/jquery-latest.js"></script>
<script>
var allArray= new Array(2);
allArray[0] = new Array(4);
allArray[0]["a"]="111";
allArray[0]["b"]="222";
allArray[0]["c"]="333";
allArray[0]["d"]="444";
allArray[1] = new Array(3);
allArray[0]["a"]="11111";
allArray[0]["b"]="22222";
allArray[0]["c"]="33333";
$(document).ready(function(){
$("body").append(
"<div id=\"#allfield\"></div>"
)
for(var i=0;i<allArray.length;i++){
$("#allfield").append(
"<ul></ul>"
)
for(var j in allArray[i] ){
$("#allfield>ul").eq(i).append(
"<li value='"+j+"'>allArray["+i+"]["+j+"]</li>"
)
}
}
});
</script>
</body>

解决方案 »

  1.   


    <body>
        <script type="text/javascript" src="js/jquery-1.3.2.js"></script>
        <script>
            var allArray= new Array(2);
            allArray[0] = new Array(4);
                allArray[0]["a"]="111";
                allArray[0]["b"]="222";
                allArray[0]["c"]="333";
                allArray[0]["d"]="444";
            allArray[1] = new Array(3);
                allArray[1]["a"]="11111";
                allArray[1]["b"]="22222";
                allArray[1]["c"]="33333";
        $(document).ready(function(){
            $("body").append(
                "<div id=\"allfield\"></div>"        
            )
            for(var i=0;i<allArray.length;i++){
                $("#allfield").append(
                    "<ul></ul>"
                )
                for(var j in allArray[i] ){
                    $("#allfield>ul").eq(i).append(
                        "<li value='"+j+"'>allArray["+i+"]["+j+"]</li>"
                    )
                }
            }
        });
        </script>
    </body>