如何獲得點擊按鈕事件的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？

回答

相關問題