如何从jquery的onclick事件中的下拉子菜单中获取引导下拉菜单的值？答案

【问题标题】：how to get the value of bootstrap dropdown menu from dropdown submenu in onclick event of jquery?如何从jquery的onclick事件中的下拉子菜单中获取引导下拉菜单的值？
【发布时间】：2015-05-28 04:41:43
【问题描述】：

我正在使用 boostrap 下拉菜单和子菜单。单击子菜单中的元素时，我想同时获取下拉菜单元素（父）和子菜单元素。我已经编写了一个下拉菜单单击事件，我能够得到submenu.But 我正在努力寻找子菜单的父元素。请帮忙！

HTML：

       <ul id="ddltest" class="ddlSample dropdown-menu" role="menu">

            @foreach (var item in (IEnumerable<SelectListItem>)ViewBag.test)
            {
                <li class="dropdown-submenu">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown" id="test1">
                        @item.Text

                    </a>
                    <ul class="ddlSample dropdown-menu" role="menu" id="testorder">
                        <li>
                            <a tabindex="-1" href="#">test1</a>

                        </li>
                        <li>
                            <a tabindex="-1" href="#">test2</a>

                        </li>
                    </ul>
                </li>
            }
        </ul>

Jquery:

 $('.dropdown-menu li a').click(function () {

    var Submenutext = $(this).text();
    var parentmenutext = $(this).parent().closest('li');
    alert(Submenutext);
    alert(parentmenutext);


});

提前致谢！

【问题讨论】：

上述方法是否可行？你做 parent() 这是一个内部 li，然后你做最接近的把你带到父 li

标签： jquery html twitter-bootstrap drop-down-menu

【解决方案1】：

试试这个看看是否适合你：

$('.dropdown-menu li a').click(function () {
    var Submenutext = $(this).text();
    var parentmenutext = $(this).closest('li.dropdown-submenu > a').text();
    //or  var parentmenutext = $(this).closest('ul').parent().find('a').text(); 
    alert(Submenutext );
    alert(parentmenutext);
});

【讨论】：

【解决方案2】：

试试这个看看是否适合你：

$('.dropdown-menu li a').click(function () {
    var Submenutext = $(this).text();
    var parentmenutext = $(this).closest('li.dropdown-submenu > a').text();
    alert(Submenutext);
    alert(parentmenutext);
});

【讨论】：

【解决方案3】：

试试这个Fiddle，借助这些方法eq()和parents()

$('.dropdown-menu li a').click(function () {
    var Submenutext = $(this).text();
    var parentmenutext = $(this).parents().eq(3).find('a').text();
    alert(Submenutext);
    alert(parentmenutext);
});

【讨论】：