Question

我有一组具有相同类的div。每个div内部都是一个相同的复选框列表。这些复选框连接到jquery函数以将div切换到另一个类。但是目前当你单击一个复选框而不是只更改那个div时它会改变所有的div。我试图得到它，以便每个div单独响应其内部的复选框。

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

这适用于我正在处理的图库系统，其中每个div都有一个图像，复选框将用于指定类名，然后用于使用同位素插件进行过滤。

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

Answer 1

诀窍是在事件处理程序中使用$(this)。 Fixed 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', ''));
});

FIDDLE

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

3 个答案: