javascript - 选中复选框 = 在 div 中切换类（具有许多相同的 div）

Question

我有一个 div 列表（#div1、#div2、#div3 等）。这些 div 中的每一个都包含不同的图片和纹理。div 共享相同的布局类，它们都包含一个复选框（所有复选框也有一个类）。

我希望单个 div 在选中其中的复选框时切换类。

单击一个 div 中的复选框时，如何在没有所有 div 切换类的情况下进行管理？

谢谢。

Answer 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***选择器。

Answer 2

尝试这个。演示。

使用复选框，然后使用then call.click()获取其父 div 。.parent().toggleClass('classforparentdiv')

更新

在这里。

希望能帮助到你。

Answer 3

为复选框提供一个 ID，并在此基础上切换父 div 类

或者，监听事件并切换父 div 的类

像这样的东西，

$(event.currentTarget).parent().toggle('className');