如何遍歷無序列表，然后選擇列表項的父div

Question

我有一個需要確認的單選框選擇問題列表。

<ul>
    <li>
      <div class="question">Question1
        <ul id="choice11">
             <li><input type=radio name="choice1" value="1" /> </li>
             <li><input type=radio name="choice1" value="2" /> </li>
             <li><input type=radio name="choice1" value="2" /> </li>
        </ul>
      </div>
    </li>
    <li>
      <div class="question">Question2
        <ul id="choice">
             <li><input type=radio name="choice2" value="1" /> </li>
             <li><input type=radio name="choice2" value="2" /> </li>
             <li><input type=radio name="choice2" value="3" /> </li>
        </ul>
      </div>
    </li>
    <li>
      <div class="question">Question3
        <ul id="choice3">
             <li><input type=radio name="choice3" value="1" /> </li>
             <li><input type=radio name="choice3" value="2" /> </li>
             <li><input type=radio name="choice3" value="3" /> </li>
        </ul>
      </div>
    </li>            

</ul>

我只想驗證並附加一個名為“ highlight”的類，使其僅包含未得到回答的問題的div。 我現在設置的方式將在我嘗試僅提交一個或兩個未選擇選項的表單時突出顯示所有問題。 我在遍歷所有問題並僅選擇未回答的問題並調用此jquery語句時遇到麻煩。

 $("li .question").addClass('highlight');

Answer 1

$('.question').filter(function () {
    return ! $(this).find('input:checked').length;
}).addClass('highlight');

這是小提琴： http : //jsfiddle.net/XTDre/