Javascript jQuery如何在嵌套列表中选择当前列表项，然后隐藏所有其他项

我有一个菜单，有3个列表选项。在每个列表选项中，都有另一个无序列表，其中有两个列表选项

在有两个选项的无序列表中，第一个列表项是图像，第二个是链接

当用户单击其中一个链接时，我希望当前整个组（包括图像和链接）保持显示，而其他两个菜单选项消失

我很难做出正确的选择

$（'.菜单ul>li>ul>li:last child>a'）。单击（函数（）{
var currentLink=$（此）；
var currentGroup=$（this）.nestest（'li'）。nestest（'li'）；
$（'.menu ul>li'）.not（currentGroup.hide（）；
});
ulli{
显示：内联块；
}




















问题是
$（'.menu ul>li'）
选择所有
li
，包括第二级的

所以试试看


$（'.menu ul li:last child>a'）。单击（函数（）{
var currentGroup=$（this）.closest（'.menu>ul>li'）；
$（'.menu>ul>li'）.not（currentGroup.hide（）；
});
ulli{
显示：内联块；
}