Как правильно использовать local storage, чтобы запомнить действие?

Question

[alexiusgrey]

Очень сильно желательно jQuery, а не ванилла.
Мне надо чтобы при клике на кнопку Don't show again поп-ап больше не появлялся. Не на close. Я не пойму по примерам из интернета что такое getItem('popup_open') из моей разметки. Это id, class, что-то еще, что надо вписать? Смотрю в доку и никак не разберусь.
Похожий пример из интернета

let popupState = localStorage.getItem('popup_open');

if (popupState) {
    $('.popup').hide();
}

$('.popup_close').on('click', function() {
    $('.popup').hide();
    localStorage.setItem('popup_open', 1);
}

А это моя разметка - без контента для упрощения. Само собой дивы заполнены.

<div class="popup">
	<div class="popup-inner d-flex">		
		<div class="popup-image">	
		</div>	
		<div class="popup-form">
			<div class="nevermore" id="nevermore">	Don't show again</div>
		</div>
		<span class="popup-close"></span>
	</div>
</div>

Скрипт. find() и closest() почему-то не сработали! Я не потому так накрутил с предками, что не знаю об этих методах, то я потом буду разбираться, главное оно пока делает свою функцию, сейчас важно мне понять про local storage

jQuery(function(){
   setTimeout(function(){
     jQuery('.popup-footer').show();
	 jQuery('body').addClass('overflow-hidden');	 
   },5000);
});	
	
jQuery('.popup-close').on("click", function(){
 jQuery(this).parent('div').parent('div').parent('.popup-footer').hide();
jQuery('body').removeClass('overflow-hidden');	
  });	
	
jQuery('div#nevermore').on("click", function(){
 jQuery(this).parent('div').parent('div').parent('div').parent('.popup-footer').hide();
jQuery('body').removeClass('overflow-hidden');		
  });

Как тут правильно сопоставить мою разметку и хотя бы тот же скрипт из интернета?
Например вместо .popup_close будет моя div#nevermore. Не пойму откуда что брать, подскажите плз. или видео про jQuery на похожу тему. непохожие я не могу сопоставить - никак не "въеду в суть", а хочу разобраться.

Comments

[Сергей delphinpro]

getItem('popup_open') из моей разметки.

Это просто ключ, по которому в хранилище вы будете хранить значение. Хоть как назовите

localStorage.getItem('abracadabra')
localStorage.setItem('abracadabra', '1')

[alexiusgrey]

Сергей delphinpro, то есть ключ не связан напрямую с поп-апом? косвенно фиксируем состояние ключа до нажатия, а после нажатия на кнопку оно меняется?
Я вот по образцу попробовал - и в хроме сработало, поп-ап пропал после нажатия на кнопку
Но почему-то он пропал и в мозилле, где я не нажимал. То есть он на другом браузере не появляется. Что я не учел?

let popupState = localStorage.getItem('popup_open');

if (popupState) {
    jQuery('.popup').hide();
}

jQuery('div#nevermore').on('click', function() {
    jQuery('.popup').hide();
    localStorage.setItem('popup_open', 1);
}