如何遍历在jQuery中具有另一个div的div中的复选框

Question

我有几个像这样的div：

<div class="option">
    <div class="optionHeader">Header</div>
    <input type="checkbox">Test 1
    <input type="checkbox">Test 2
</div>
<div class="option">
    <input type="checkbox"> Option 1
</div>
<div class="option">
    <div class="optionHeader">Final Option</div>
    <input type="checkbox">Final Option 1
    <input type="checkbox">Final Option 2
</div>

我想要做的是为div中的每个复选框创建一个循环。

我试过了：

$('.optionHeader').parent('.option').find('input[type="checkbox"]').each(function(){

});

但它并没有启动循环。

Answer 1

$('.option:has(.optionHeader) input[type="checkbox"]').each(function(){
    // do your code
});

此处，:has(.optionHeader)选择器仅考虑包含.options的{​​{1}}。

<强> Demo

参考： :has()