переключать несколько div одного класса с помощью флажка

У меня есть набор div с тем же классом. Внутри каждого div находится идентичный список флажков. Эти флажки подключаются к функции jquery для переключения div на другой класс. Но в настоящее время, когда вы устанавливаете флажок, а не просто меняете этот один div, он меняет все div. Я пытаюсь сделать так, чтобы каждый div индивидуально реагировал на флажки внутри себя.

Вы можете увидеть, о чем я говорю здесь: http://jsfiddle.net/dustinohara/3nK5A/180/

Это для системы галереи, над которой я работаю, где каждый div будет иметь изображение, а флажки будут использоваться для назначения имен классов, которые затем будут использоваться для фильтрации с помощью плагина изотопов.

Любые указатели будут очень признательны, спасибо


checkbox html jquery closest toggleclass
person user1612746    schedule 20.08.2012    source источник

Ответы (3)


arrow_upward
0
arrow_downward

Хитрость заключается в использовании $(this) в вашем обработчике событий. Исправлен jsfiddle

person devnate    schedule 20.08.2012

arrow_upward
0
arrow_downward

используйте волшебное слово $(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");

});
person user1558223    schedule 20.08.2012

arrow_upward
0
arrow_downward 

$(".editCHECK, .adCHECK, .personalCHECK").change(function() {
 $(this).closest('.box').toggleClass($(this).attr('class').replace('CHECK', ''));
});

FIDDLE

person adeneo    schedule 20.08.2012