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');

这是 fiddle :http://jsfiddle.net/XTDre/