1
<ul>
   <li><input type="checkbox" name="item-1" />Item 1
    <ul class="sublist">
       <li><input type="checkbox" name="item-1-sublist" />Item 1-1</li>
       <li><input type="checkbox" name="item-1-sublist" />Item 1-2</li>
       <li><input type="checkbox" name="item-1-sublist" />Item 1-3</li>
     </ul>
   </li>
   <li>
     <input type="checkbox" name="item-2" />Item 2
     <ul class="sublist">
        <li><input type="checkbox" name="item-2-sublist" />Item 2-1</li>
        <li><input type="checkbox" name="item-2-sublist" />Item 2-2</li>
        <li><input type="checkbox" name="item-2-sublist" />Item 2-3</li>
      </ul>
    </li>
</ul>

sublist上記のコードを考えると、ユーザーがメイン レベルのチェックボックスの 1 つ (つまり、アイテム 1 またはアイテム 2) をクリックした場合、隣接するリストのすべてのチェックボックスをクラス値で切り替えるにはどうすればよいでしょうか? 個別に切り替える必要があるいくつかのタイプのサブリストがあるため、他のクラスまたは id 値は使用したくありません。class/id 値のセットごとにコードのチャンクを複製したくありません。

隣人のすべての子を切り替えましたが、そのコードを破棄する必要がありました。

4

1 に答える 1