如何将多个选择器的toggleClass及其各自的类存储在localStorage中？

Question

我正在尝试将多个元素的切换类存储在本地存储或cookie中，以便切换后的类保持刷新状态。我在这里尝试了js cookie和所有其他教程，但是它似乎不适用于多个选择器/ div。

到目前为止，这是我的代码：

if GB_flag:
    gb_clf = GradientBoostingClassifier(n_estimators=20, learning_rate=0.5, max_features=2, max_depth=2, random_state=0)
    gb_clf.fit(x_train, y_train)

    cross_val_score(gb_clf, x_train, y_train, cv=3, scoring="accuracy")
    y_test_pred_gb = cross_val_predict(gb_clf, x_test, y_test, cv=3)
    predictions = gb_clf.predict(x_test)
    score = gb_clf.score(x_test, y_test)
    y_test_pred = y_test_pred_gb

代码运行正常，但是刷新后不会保存状态。

Answer 1

无论用户是否更改主题（无论是否单击），我建议您仅将带有信息的“标志”保存在localStorage上。

例如：

var changed = localStorage.getItem('changed') === 'changed';
$('.selector').toggleClass('classname', changed);

完整但可行的示例：https://jsfiddle.net/cichy380/y7bLpwxr/