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