jquery - HTML/CSS : How to get the id of sub menu

Question

如果我有一个包含代码的 index.html 文件:

<li><a href="#">QA</a>
    <ul>
        <li><a href="1.html">current-status</a>
        </li>
        <li><a href="2.html">update status</a>
        </li>
    </ul>
</li>

当我点击这个菜单时，我需要获取当前状态和更新状态的id，这是QA的子菜单。

Answer 1

$(".main").click(function(){
   $(this).find("li").each(function() {
     console.log($(this).attr('id'))
   })
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<li class="main"><a href="#">QA</a>
   <ul>
     <li id="current_status"><a href="1.html">current-status</a>
     </li>
     <li id="update_status"><a href="2.html">update status</a>
     </li>
   </ul>
</li>