Question

我有带锚标记和按钮的列表项，点击按钮我需要选择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     
});

Answer 1

您需要为li设置点击事件，

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

然后，

$("#btnapply").click(function(){
   var ID = $('ul#nav li.active').attr('id');
});

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

编辑：您需要为每个li提供唯一ID。

Answer 2

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

  var active=null;

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

然后

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

WORKING EXAMPLE

如何获取点击按钮事件的listitem的ID？

2 个答案: