Jquery ui 如何访问jquery ui菜单中选定行项目的父属性

在我的html页面上，我有多个菜单。单击行项目时，我希望从选择开始的菜单中获取父锚点标记的id属性。下面是我的html和jquery代码

//HTML

<ul id="menuA">
    <li>
        <a href="#" id="ageGroup" class="age">Age Group</a>
            <ul>
                <li name="ageGroup"><a href="#">18-21</a></li>
                <li name="ageGroup"><a href="#">21-30</a></li>
                <li name="ageGroup"><a href="#">30-40</a></li>
                <li name="ageGroup"><a href="#">40-50</a></li>
                <li name="ageGroup"><a href="#">50-60</a></li>
                <li name="ageGroup"><a href="#">60-70</a></li>
                <li name="ageGroup"><a href="#">70-80</a></li>
                <li name="ageGroup"><a href="#">80-90</a></li>
                <li name="ageGroup"><a href="#">90-100</a></li>
            </ul>

    </li>
    </ul>

//JQUERY

$(function(){

    $('#menuA').menu({ 

select: function(event, ui){

      var choice = ui.item.text(); //get text of menu selection

    //here is where I want to get the id attribute of the anchor tag. What I have isn't working. id is coming up undefined.

    var id = ui.item.parents('a').attr('id'); 


     }
});

//HTML















//JQUERY
$（函数（）{
$（'#menuA'）。菜单（{
选择：功能（事件、用户界面）{
var choice=ui.item.text（）；//获取菜单选择的文本
//这里是我想要获得锚定标记的id属性的地方。我所拥有的不起作用。id未定义。
var id=ui.item.parents（'a'）.attr（'id'）；
}
});

您可以通过以下方式找到相应的标签id：

var id = ui.item.parents('li').find('a').attr('id');

您以前的尝试不起作用，因为父选择器返回列表项（），而不是在主列表中搜索标记