jquery - jQuery检查具有某些类的兄弟姐妹

Question

我正在一个具有奇怪 html 格式的网站上工作。请参阅下面的 html。基本上，当一个复选框.group被点击时，后面的所有.item复选框都应该被选中，直到它击中下一个.groupparentdiv。将如何处理这个问题。注意：标签内还有一个数字<b>，我们也可以用它来计算下一个.items需要检查的数字。感谢您的意见。我正在使用 jQuery。

<div class="groupparent"><input type="checkbox" class="group" /><b>3</b></div>
    <input type="checkbox" class="item" />
    <input type="checkbox" class="item" />
    <input type="checkbox" class="item" />
<div class="groupparent"><input type="checkbox" class="group" /><b>2</b></div>
    <input type="checkbox" class="item" />
    <input type="checkbox" class="item" />
<div class="groupparent"><input type="checkbox" class="group" /><b>4</b></div>
    <input type="checkbox" class="item" />
    <input type="checkbox" class="item" />
    <input type="checkbox" class="item" />
    <input type="checkbox" class="item" />
<div class="groupparent"><input type="checkbox" class="group" /><b>6</b></div>
    <input type="checkbox" class="item" />
    <input type="checkbox" class="item" />
    <input type="checkbox" class="item" />
    <input type="checkbox" class="item" />
    <input type="checkbox" class="item" />
    <input type="checkbox" class="item" />

Answer 1

我假设类名，groupparent然后我认为这会做

$(this).parent().nextUntil('.groupparent').filter('.item')

演示：小提琴

您可以在此处使用jQuery.nextUntil选择器。