jquery - 使用复选框切换同一类的多个 div

Question

我有一组具有相同类的 div。每个 div 内部都有一个相同的复选框列表。这些复选框连接到 jquery 函数以将 div 切换到不同的类。但是目前，当您单击复选框而不是仅更改一个 div 时，它会更改所有 div。我正在尝试获取它，以便每个 div 单独响应其内部的复选框。

你可以在这里看到我在说什么：http: //jsfiddle.net/dustinohara/3nK5A/180/

这是针对我正在开发的画廊系统，其中每个 div 将有一个图像，复选框将用于分配类名，然后将用于使用同位素插件进行过滤。

任何指针将不胜感激，谢谢

Answer 1

诀窍是$(this)在您的事件处理程序中使用。修复了 jsfiddle

Answer 2

使用神奇的词 $(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");

});

Answer 3

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

小提琴