如何检测类的存在并添加或删除另一个类？

Question

我有以下内容:

<html lang="en" class="no-js theme-light"> or
<html lang="en" class="no-js xxx yyy theme-light">

我想这样做,以便点击链接将其更改为:

<html lang="en" class="no-js theme-dark"> 
<html lang="en" class="no-js xxx yyy theme-dark">

再次单击将更改它.即删除theme-dark并添加theme-light.

有人可以解释我怎么能这样做jQuery吗？

 $('#sidebar-theme-switch').click(function (e) {
    ???
 });

Answer 1

$('#sidebar-theme-switch').click(function() {
    $('html').toggleClass('theme-light theme-dark')
});

描述:根据类的存在或switch参数的值,从匹配元素集中的每个元素添加或删除一个或多个类.