0

divのリスト（＃div1、＃div2、＃div3など）があります。それらのdivのそれぞれには、異なる画像とテクスチャが含まれています。divは同じレイアウトクラスを共有し、すべてにチェックボックスが含まれています（すべてのチェックボックスにも1つのクラスがあります）。

内部のチェックボックスがオンになっているときに、個々のdivがクラスを切り替えるようにします。

1つのdivのチェックボックスをクリックしたときに、すべてのdivトグルクラスなしでこれを管理するにはどうすればよいですか？

ありがとう。

4

3 に答える 3

1

http://jsbin.com/exasow/1/edit

$(':checkbox').click(function(){
   $(this).closest('div[id^=div]').toggleClass( 'superclass' );
});

click両方またはchange機能を使用できます。

http://api.jquery.com/closest/を使用すると、他の要素内にチェックボックスを設定できます。これにより、常にDOMツリーで目的の親が検索されます。

div[id^=div]つまりDIV element which ID starts with the word "div"、すべてのdiv1, div2, div***セレクターで機能します。

于 2013-01-12T07:43:08.180 に答える
0

これを試して。デモ。

チェックボックスにforを使用し、.click()次にを使用してその親divを取得し.parent()ます.toggleClass('classforparentdiv')。

アップデート

ここに。

それが役に立てば幸い。

于 2013-01-12T07:45:36.103 に答える
0

チェックボックスにIDを指定し、それに基づいて親divクラスを切り替えます

または、イベントをリッスンし、親divのクラスを切り替えます

このようなもの、

$（event.currentTarget）.parent（）。toggle（'className'）;

于 2013-01-12T07:46:18.023 に答える