Tengo una lista con 6 elementos activos. Si hago clic en "Más casos", obtengo los siguientes 3 elementos activos e intento guardar los estados activos de todos los siguientes elementos en sessionStorage. Por ejemplo, agregué sessionStorage en el clic, pero guardó un objeto como una cadena y no sé cómo hacerlo mejor con la lista.
mi ejemplo:
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>necesita agregar su objeto como una cadena en el almacenamiento de la sesión.
sessionStorage.setItem('user', JSON.stringify(user));Aquí el usuario es su matriz u objeto.