Question

我正在开发一个有着奇怪的html格式的网站。见下面的html。基本上，当单击复选框.group时，应检查后面的所有.item复选框，直到它到达下一个.groupparent div。怎么会接近这个。注意：<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')

演示：Fiddle

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

jQuery检查某些类的兄弟姐妹

1 个答案: