0

同じクラスのdivのセットがあります。各div内には、チェックボックスの同一のリストがあります。これらのチェックボックスはjquery関数に接続して、divを別のクラスに切り替えます。ただし、現在、その1つのdivを変更するのではなく、チェックボックスをクリックすると、すべてのdivが変更されます。私はそれを取得しようとしているので、各divはそれ自体の内部のチェックボックスに個別に応答します。

あなたは私がここで話していることを見ることができます：http： //jsfiddle.net/dustinohara/3nK5A/180/

これは、私が取り組んでいるギャラリーシステム用です。各divには画像があり、チェックボックスを使用してクラス名を割り当て、アイソトーププラグインでのフィルタリングに使用します。

どんなポインタでも大歓迎です、ありがとう

4

3 に答える 3

0

トリックは$(this)、イベント ハンドラーで使用することです。jsfiddle を修正

于 2012-08-20T21:59:17.853 に答える
0

魔法の言葉 $(this) を使用します。

ここにコード

$(".editCHECK").change(function() {

    $(this).closest('.box').toggleClass("edit");

});


$(".adCHECK").change(function() {

    $(this).closest('.box').toggleClass("ad");

});


$(".personalCHECK").change(function() {

    $(this).closest('.box').toggleClass("personal");

});
于 2012-08-20T22:01:30.813 に答える
0 
$(".editCHECK, .adCHECK, .personalCHECK").change(function() {
 $(this).closest('.box').toggleClass($(this).attr('class').replace('CHECK', ''));
});

フィドル

于 2012-08-20T22:02:18.150 に答える