javascript - クリックでクラスを交換

Question

要素をクリックしたときに要素のクラスを変更する方法を理解しようとしています。

現時点では、2 つのクラス (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を押すと、クラスがcOpenではなくcClosedに単純にスワップし、もう一度クリックするとその逆になることです。これは動作していません。

私の問題は、divを「トグル」して「カメラ」-divのクラスを交換する方法です。

score 2 · Accepted Answer

なぜ2つのクラスを使用しているのですか? 1 つのクラスを使用してオープンを識別し、なしを使用してクローズを示します。

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

score 0 · Accepted Answer

次のように簡単です。

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

私はこれでStarxの提案を支持しますが。しかし、それはあなたのHTMLです。

参照：

2 に答える 2