高手指点下 jQuery加载HTML的问题

Question

初学jQuery我有一个ul
每个li中的a 包含href;我想要实现在点击时 在一个div中加载Html但总是不成功
代码如下：
$(document).ready(function(){
    $('#diaryList>li>a').each(function(i){
             $(this).click (function(){
                     jQuery('#main_content>#diary').load($('#diaryList>li>a').eq(i).abbr("href"));
                     return false;
            });
    });
});真的搞不清 望高手指点！！！！
 

Answer 1

<script src="js/jquery-1.3.2.js" type="text/javascript"> </script> 
<script type="text/javascript"> 
$(document).ready(function(){ 
    $('#diaryList>li>a').each(function(i){
            $(this).click(function(){
                    $('#main_content>#diary').load($('#diaryList>li>a').eq(i).attr("href"));
                    return false;
            }); 
    }); 
});
</script><ul id="diaryList">
<li><a href="test1.asp">xxxx</a></li>
</ul>
<div id="main_content">
  <div id="diary"></div>
</div>