javascript - 如何将jQuery保存到本地存储

我有一个add element函数，它可以完美地工作。我只是不知道如何将此功能添加到本地存储。很新，请您解释一下？

$(document).on('click', 'li#order_open', function(){
    $(this).before('<li><a href="Menu.php">New restaurant</a></li>');
    // add to localsorage?
    var order_open = $('li#order_open').html();
    localStorage.setItem('li#order_open', order_open);
    localStorage.setItem($(this));
});

最佳答案

您所拥有的可以被使用。您可以将标记保存到本地存储，然后再将其检索并将其添加回DOM。

请注意，此片段不会在答案中运行，因为沙盒框架无法访问localStorage。

function appendFromLocal() {
  //This is just for demonstration purposes
  $(document.body).append(localStorage.getItem('div'));

  //This is what could be used to reload the element on page load
  //$('div').html(localStorage.getItem('div'))
}

function addNewItem() {
  $('ul').append('<li><a href="Menu.php">New restaurant</a></li>');

  var order_open = $('div').html();
  localStorage.setItem('div', order_open);
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<button onclick="appendFromLocal()">Append From Local Storage</button>
<button onclick="addNewItem()">Add New Item</button>

<div>
  <ul>
    <li><a href="Menu.php">New restaurant</a></li>
  </ul>
</div>

关于javascript - 如何将jQuery保存到本地存储，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/32894440/