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

我有一个带有锚点标记和一个按钮的列表项，单击我需要选择李的按钮。我如何使用jquery。我不知道如何获取li的点击事件。我的HTML代码为：如何获得点击按钮事件的listitem的ID？

<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  
});

来源

2014-03-01 Bhavana

你如何选择'li'元素？ –

点击我选择li – Bhavana

*如何*确切吗？你在做什么来表明其中一个列表项被选中？它们默认情况下不是“可选择的”。请发布相应的代码。 –

您需要为李将点击事件，

$('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，你会得到选择李ID

这里。

编辑：你需要给每个李唯一的ID。

来源

2014-03-01 05:55:01

可以得到选择李作为一个变量像一个对象，

var active=null; 

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

然后

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

WORKING EXAMPLE

来源

2014-03-01 05:59:40 Shin

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

回答

相关问题