javascript - 点击交换类

Question

我一直在试图弄清楚当你点击它时我应该如何改变一个元素的类。

目前我有两个课程（cOpen 和 cClosed）。当您打开页面时，div 设置为“cClosed”。

<div id="camera" class="cClosed" onClick="cameraToggle('weekLoaderWrapper', 'cameraContainer');">Kamera</div></a>

onClick 中的内容与我的问题无关。

我也把这个脚本放在代码中

$('#camera').click(function() {
    $(this).toggleClass('cOpen');
    $(this).toggleClass('cClosed');
});

我想要它做的是当你按下“相机”-div 时，类只是切换到 cClosed 而不是 cOpen，当你再次单击它时反之亦然。这不工作atm。

我的问题是我应该如何“切换” div，以便它交换“相机”-div 的类。

Answer 1

你为什么使用两个类？使用一个类来标识打开，使用无表示关闭。

$('#camera').click(function() {
    $(this).toggleClass('cOpen');
});

Answer 2

它很简单：

$('div').click(
    function(){
        $(this).toggleClass('cClosed cOpen');
    });​​​​​​​​​​​​​​

JS 小提琴演示。

虽然我同意 Starx在这方面的建议；但这是你的 HTML。

参考：

• toggleClass().