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参数的值，从匹配元素集中的每个元素添加或删除一个或多个类。