寫這個jQuery選擇更好的辦法

Question

什麼是寫這個jQuery選擇一個更好的方法：

// this is called when .nextButton is invoked. 
$(this).parent('.question').children('.options').children('.options > li').children('.selected').parent('li').attr('id')); 

HTML：

<div class="question" id="question1"> 
     <p>What is your age:</p> 
     <ul class="options question1Options"> 
     <li id="q1-1"><div class="radio"></div>10-20.</li> 
     <li id="q1-2"><div class="radio"></div>21-30.</li> 
     <li id="q1-3"><div class="radio"></div>31-40.</li> 
     </ul> 
     <div class="nextButton"></div> 
    </div> 

當用戶點擊一個這些李時珍這將增加一個選擇的類（如單選按鈕，只有一個被選中）。我正在嘗試獲取所選廣播/列表的ID。謝謝。

Answer 1

試試這個

$(this).closest('div.question').find('.radio.selected').closest('li').attr('id'); 

FIDDLE

Answer 2

精簡代碼：

$(this).siblings('.options').find('.selected').parent('li').attr('id'); 

Answer 3

如果我正確理解你的意圖：

$('.radio').on('click',function(e) { 
    $(this).closest('li').toggleClass('selected').siblings().removeClass('selected'); 
}); 

http://jsfiddle.net/mblase75/edKM6/