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"));
}