javascript - 如何在查询中保存和加载带有cookie的div结构

Question

我有一个页面，允许您通过单击关闭按钮删除“警报”div。我正在尝试保存警报窗口的状态，以便在刷新页面时，关闭的警报保持关闭状态。警告窗口的 div 结构如下所示。

 <div class="alertwindow"> 
  <div class="alerts">
      <div class="alert">
        <div class="alert_title"> Title 1</div>
        <div class="alert_desc"> Description here </div>
      </div>
    </div>
  </div>

这是添加关闭按钮和删除警报的函数的脚本。

  //Close alert window button
$(".alert").prepend('<div class="closeAlerts">X</div>');

$('.closeAlerts').on('click', function(){
  $(this).parent().remove();
});

一切正常，但我无法获取 cookie 来保存和替换 .alertwindow 的内容。这是我的 cookie 代码。

//Check for alert cookie and reset alert state if it is there
$( window ).load(function(e) {
    if ($.cookie("alertState") == ""){
    $.cookie("alertState", $('.alertwindow').html(), 10);
    }
    else {
        $('.alertwindow').html().replaceWith($.cookie("alertState"));
    }
});

//set Alert cookie on page unload
$( window ).unload(function(e) {
    $.cookie("alertState", $('.alertwindow').html(), 10);
});

感谢您的帮助!

Answer 1

应该是:

else {
    $('.alertwindow').html($.cookie("alertState"));
}