jquery - 如何在浏览器中存储由 jQuery 创建的本地存储元素？

Question

我正在使用 jQuery 添加/删除输入字段。

<ul id="names">
<li class="input-append">
<input type="text" name="hotel_name[]" id="hotel_name[]">     
<a class="add_name" href="#"><i>&#xf055;</i>add one more</a></li>
  </ul>

 $('.add_name').click(function() {
    $("#names").append('<li class="input-append">'
        + '<input type="text" name="hotel_name[]" id="hotel_name[]">'
          + ' <a class="remove_name add-on btn btn-danger" href="#"><i>&#xf056;</i>remove</a>' + '</li>');
        return false;  });

有没有办法将创建的元素存储在 LocalStorage 中？

Answer 1

var foo = {1: [1, 2, 3]}; localStorage.setItem('foo', JSON.stringify(foo)); var fooFromLS = JSON.parse(localStorage.getItem('foo'));

Answer 2

尝试将元素存储为字符串。这是一个网站，它提供了一个很好的实现来获取元素的 outerHTML。 http://www.yelotofu.com/2008/08/jquery-outerhtml/

jQuery.fn.outerHTML = function(s) {
   return (s) ? this.before(s).remove()
     : jQuery("<p>").append(this.eq(0).clone()).html();
}

存储该字符串，然后使用适当的 jQuery 方法重新插入该元素。