Question

<li id="menu-item-52" class="menu-item menu-item-type-post_type menu-item-object-page current-page-ancestor current-menu-ancestor current-menu-parent current-page-parent current_page_parent current_page_ancestor menu-item-has-children menu-item-52"><a href="https://fxem.com/trading-accounts/">Trading Accounts</a>
        <ul class="sub-menu">
            <li id="menu-item-55" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-55"><a href="https://fxem.com/trading-accounts/demo-account/">Get DEMO Account</a></li>
            <li id="menu-item-54" class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-44 current_page_item menu-item-54"><a href="https://fxem.com/trading-accounts/live-account/">Get LIVE Account</a></li>
            <li id="menu-item-53" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-53"><a href="https://fxem.com/trading-accounts/deposit-and-withdrawal/">Deposit and Withdrawal</a></li>
        </ul>
    </li>

<script>
   $('.menu-item ul.sub-menu li').click(function(){
        var main_id = $(this).attr('id');
    });
</script>

我希望获得此ID＆＃39; menu-item-52＆＃39;点击menu-item-55

Answer 1

$('#menu-item-55').click(function() {
  var id = $(this).closest('li').attr('id')
  console.log(id)


})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<li id="menu-item-52" class="menu-item menu-item-type-post_type menu-item-object-page current-page-ancestor current-menu-ancestor current-menu-parent current-page-parent current_page_parent current_page_ancestor menu-item-has-children menu-item-52"><a href="https://fxem.com/trading-accounts/">Trading Accounts</a>
  <ul class="sub-menu">
    <li id="menu-item-55" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-55"><a href="https://fxem.com/trading-accounts/demo-account/">Get DEMO Account</a>
    </li>
    <li id="menu-item-54" class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-44 current_page_item menu-item-54"><a href="https://fxem.com/trading-accounts/live-account/">Get LIVE Account</a>
    </li>
    <li id="menu-item-53" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-53"><a href="https://fxem.com/trading-accounts/deposit-and-withdrawal/">Deposit and Withdrawal</a>
    </li>
  </ul>
</li>

使用closest()，然后添加li以获取父

Answer 2

使用此：

＆＃13;

 apt-get install php5-intl

＆＃13;

$('.menu-item ul.sub-menu li').click(function(){
     var main_id = $(this).parent('ul').closest("li").attr("id");
     alert(main_id)
});

＆＃13;

Answer 3

我通过使用以下jQuery代码完成了这个：

$("#menu-item-55").closest('ul').parent().attr('id');

查看小提琴链接：Click here

希望它可以帮助你：）

如何使用jquery

3 个答案: