Jquery 找到当前位置

我有以下的情况，我无法理解

我的菜单如下：

<ul id="top">
  <li><a href="" title="">Link 1</a>
    <ul id="sub1">
      <li><a href="" title="">Sub 1.1</a></li>
      <li><a href="" title="">Sub 1.2</a></li>
    </ul>
  </li>
  <li><a href="" title="">Link 2</a>
    <ul id="sub2">
      <li><a href="" title="">Sub 2.1</a></li>
      <li><a href="" title="">Sub 2.2</a></li>
    </ul>
  </li>
[..]
</ul>

但这不起作用。显然，

链接1

超链接上不会触发鼠标悬停事件，因为当我更改

$（this）.closest（“ul”）.show（）时至
警报（$（this）.attr（“title”）（假设在我的工作文档中有实际的标题描述）我得到一个空的警报窗口

我该如何解决这个问题


哦，忘了提到我使用了
live（）
，因为我需要进一步处理当前隐藏的元素。
尝试
find（）
而不是
closest（）
绑定
mouseenter
和
mouseleave
事件怎么样？
$("#top li").live("mouseover mouseout", function(event){
    if(event.type == "mouseover"){
        $(this).closest("ul").show();
    }else{
        $(this).closest("ul").hide();
    }
});