Javascript 如何获取按钮事件上单击的listitem的ID？

我有一个带有锚定标签和按钮的列表项，点击按钮我需要选择li。如何使用Jquery。我不知道如何获得li的点击事件。我的html代码如下：

<ul id="nav">
          <li><a href="#" rel="css/default.css" id="default" >
            <div class="r1"></div>
            </a></li>
          <li><a href="#" rel="css/winter.css" id="winter">
            <div class="r2"></div>
            </a></li>
          <li><a href="#" rel="css/spring.css" id="spring">
            <div class="r3"></div>
            </a></li>
          <li><a href="#" rel="css/summer.css" id="summer">
            <div class="r4"></div>
            </a></li>
          <li><a href="#" rel="css/autumn.css" id="autumn">
            <div class="r5"></div>
            </a></li>
        </ul>
        <a href="#" class="sbutton_in" style="margin: 25px auto auto 80px;"  id="btnapply">Apply</a> </div>



$("#btnapply").click(function(){

    //code to get the id of the selected li     
});

$（“#btnapply”）。单击（函数（）{
//获取所选li的id的代码
});

您需要为li应用单击事件

$('ul#nav li').on('click',function() {
  $('ul#nav li').removeClass('active');
  $(this).addClass('active');
});

那么

在ID中，您将获得所选li的ID

---

编辑：您需要为每个li指定唯一的ID

您可以将选定的li作为变量中的对象，例如

  var active=null;

  $('ul#nav li').on('click',function() {
  active=$(this);
  });

然后

---

您是如何选择

li

元素的？单击我可以准确地选择li？您正在做什么来表示选择了列表项之一？默认情况下，它们不是“可选择的”。请张贴相应的代码。

  var active=null;

  $('ul#nav li').on('click',function() {
  active=$(this);
  });

 $("#btnapply").click(function(){
  var ID = active.find('a').attr('id');
 });