0

我有一个菜单结构，如：

<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();
}

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

谢谢

4

2 回答 2

2

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

jQuery父母（）

于 2012-05-03T13:23:02.927 回答
0 
if(openmenu)
{
    $('a[href="'+openmenu+'"]').parent().parent('ul').show();
}

演示

于 2012-05-03T13:29:12.097 回答