如何遍历无序列表，然后选择列表项的父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/