jQuery 元素選取問題

<div class="read_box">
        <ul id="xt">
            <li><a>AAA</a></li>
            <li>
                <a>BBB</a>
                <ul class="xx">
                    <li><a>141234</a></li>
                    <li><a>5465</a></li>
                </ul>
            </li>
            <li><a>CCC</a></li>
        </ul>
    </div>
    <script>
    （1）
        window.onload=function(){
            var oUl=document.getElementById(‘xt‘);
            var aLi=oUl.children;
            for(var i=0;i<aLi.length;i++){
                alert(aLi[i].getElementsByTagName(‘a‘)[0].innerHTML);
                //AAA BBB CCC
            }
        }
 
       （2）
        $(function(){
            $(‘#xt>li>a‘).each(function(){alert($(this).html());});
        });
    </script>