单击另一页上的按钮时更改一页的内容

Question

我正在设计一个网站，该网站有两页，第一页包含一个按钮，当单击该按钮时，必须删除第二页中属于某些元素的隐藏类。我进行了很多搜索，但对我没有任何帮助，希望您能帮助我。 第一页包含以下内容：

<button class="btn btn-primary add" >Click me!</button>

第二页包含以下内容：

<div class="hidden" id="someDivId">Some content!</div>

第一页中的jQuery代码：

$('.add').click(function (){

  //Access the second page 
  //Remove hidden class from #someDivId   

}); 

Answer 1

您可以使用localStorage通过页面存储数据。用户打开带有隐藏元素的网站页面后，您只需调用javascript即可检查localStorage。

$(".add").click(function() {
  //sets hidden on false
  localStorage.setItem("hidden", false);
})


//on another website page load check localstorage value
  let isHidden = localStorage.getItem("hidden") ? localStorage.getItem("hidden") : false;

  if(isHidden) {
    $(".hidden").removeClass("hidden");
  }