写这个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/