0

奇妙なhtmlフォーマットのサイトで作業しています。以下のhtmlを参照してください。基本的に、チェックボックス.groupがクリックされると、次のdiv.itemに到達するまで、後続のすべてのチェックボックスがオンになります。.groupparentこれにどのようにアプローチしますか。注：タグ内には、チェックする必要<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" />
4

1 に答える 1

3

私はクラス名を想定しているのでgroupparent、これでうまくいくと思います

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

デモ：フィドル

ここでjQuery.nextUntilセレクターを使用できます。

于 2013-01-30T03:06:43.993 に答える