将列表中的活动项目保存到 sessionStorage答案

【问题标题】：Save active items in list into sessionStorage将列表中的活动项目保存到 sessionStorage
【发布时间】：2021-11-11 04:38:21
【问题描述】：

我有一个包含 6 个活动项目的列表。如果单击“更多案例”，我将获得接下来的 3 个活动项目，并尝试将所有下一个项目的活动状态保存到 sessionStorage。例如，我在点击中添加了 sessionStorage，但它保存了像字符串这样的对象，我不知道如何用 list 做得更好

我的例子：

var total = 6;
var cases = $(".cases__item").length;


$('.cases__item:lt(' + total +')').addClass("active").show();
$('#morecases').click(function () {
    total += 3;
    if (total <= cases) {
      $('.cases__item:lt(' + total + ')').addClass('active').show()
    } else {
      $('.cases__item:lt(' + total + ')').addClass("active").show();
      $('#morecases').hide();
    }
});

.cases__item {display: none}

.cases__item.active {display: block}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="cases">
  <a class="cases__item active" href="/">Item 1</a>
  <a class="cases__item active" href="/">Item 2</a>
  <a class="cases__item active" href="/">Item 3</a>
  <a class="cases__item active" href="/">Item 4</a>
  <a class="cases__item active" href="/">Item 5</a>
  <a class="cases__item active" href="/">Item 6</a>
  <a class="cases__item" href="/">Item 7</a>
  <a class="cases__item" href="/">Item 8</a>
  <a class="cases__item" href="/">Item 9</a>
  <a class="cases__item" href="/">Item 10</a>
  <a class="cases__item" href="/">Item 11</a>
  <a class="cases__item" href="/">Item 12</a>
</div>
<a href="#" id="morecases">more Cases</a>

【问题讨论】：

标签： javascript jquery local-storage session-storage

【解决方案1】：

您需要将对象作为字符串添加到会话存储中。

sessionStorage.setItem('user', JSON.stringify(user));

这里的用户是你的数组或对象。

【讨论】：