Я хочу постоянно скрывать элемент (или определенный период), используя jQuery

Question

Я хочу удалить DIV навсегда при использовании, нажмите Скрыть Я пытался использовать jquery hide () , но он появляется автоматически при перезагрузке веб-браузера.

Вот мой JavaScript Код:

jQuery(document).ready(function () {
    jQuery(".word-meaning-footer").click(function(){
        jQuery(this).parent(".word-meaning-item").hide();
    });
});

Вот мой HTML Разметка:

<div class="word-meaning-item">
     <h2 class="meaning-title"> <span> 101. </span> Always </h2>
     <p class="word-meaning-footer"> Hide </p>
</div>

Answer 1

Возможно, вам придется использовать localStorage. Примечание: пример не работает, потому что фрейм находится в песочнице.

jQuery(document).ready(function() {
  jQuery(".word-meaning-footer").click(function() {
    jQuery(".word-meaning-item").hide();
    window.localStorage.setItem('hidewordmeaningitem', true);
  });
  jQuery(".word-meaning-footer2").click(function() {
    jQuery(".word-meaning-item").show();
    window.localStorage.setItem('hidewordmeaningitem', false);
  });
  var hidewordmeaningitem = window.localStorage.getItem('hidewordmeaningitem');
  if(hidewordmeaningitem=="true")
  {
   jQuery(".word-meaning-item").hide();
  }
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="word-meaning-item">
  <h2 class="meaning-title"> <span> 101. </span> Always </h2>
  <p class="word-meaning-footer"> Hide </p>
</div>
<p class="word-meaning-footer2"> Show </p>

Answer 2

Использование localStorage:

var ishidden = localStorage.getItem("ishidden") ? localStorage.getItem("ishidden") : 0;

if(parseInt(ishidden)){
jQuery(document).ready(function () {
    jQuery(".word-meaning-footer").parent(".word-meaning-item").hide();
});
}
jQuery(document).ready(function () {
    jQuery(".word-meaning-footer").click(function(){
        jQuery(this).parent(".word-meaning-item").hide();
        localStorage.setItem("ishidden",1);
    });
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>