Question

我有一个菜单结构，如：

<ul id="menu">
    <li>
        <a href="javascript:void(0)">HR</a>
        <ul>
            <li><a href="javascript:void(0)">Address</a>
                <ul>
                    <li><a href="listcountrymaster.aspx">Country</a></li>
                    <li><a href="listregionmaster.aspx">Region</a></li>
                </ul>
            </li>

            <li><a href="javascript:void(0)">Assets</a>
                <ul>
                    <li><a href="ListVendorMaster.aspx">Vendor</a></li>
                     <li><a href="Listassetmaster.aspx">Asset</a></li>
                </ul>
            </li>
        </ul>
    </li>
</ul>

我想做的是：我想打开<ul>

链接上方的所有父href="ListVendorMaster.aspx" 我试过的是：

var openmenu = 'ListVendorMaster.aspx';
$('#menu ul').hide();
if(openmenu)
{
    $('a[href="'+openmenu+'"]').closest('ul').show();
}

有了这个，我只能打开一个级别的父级。

感谢

Answer 1

而不是closest()使用parents()。

jQuery parents()

Answer 2

if(openmenu)
{
    $('a[href="'+openmenu+'"]').parent().parent('ul').show();
}

<强> DEMO

Jquery用列表链接打开所有父ul

2 个答案: