如何在浏览器中存储jQuery创建的本地存储元素?

如何在浏览器中存储jQuery创建的本地存储元素?,jquery,html,local-storage,Jquery,Html,Local Storage,我正在使用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> <

我正在使用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;  });
$('.add_name')。单击(函数(){ $(“#名称”).append('
  • ' + '' +“+”
  • ”); 返回false;});

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

    尝试将元素存储为字符串。下面是一个站点,它提供了一个很好的实现,可以获取元素的outerHTML


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

    尝试将元素存储为字符串。下面是一个站点,它提供了一个很好的实现,可以获取元素的outerHTML


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

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

    不能存储元素本身,但可以存储HTML字符串。你到底想干什么!为什么您需要将元素存储在本地存储中?我很确定您不能。抱歉,您不能存储元素本身,但可以存储HTML字符串。你到底想干什么!为什么您需要将元素存储在本地存储中?我很确定您不能。Sorry是这样工作的
    var foo={1:[1,2,3]};setItem('foo',JSON.stringify(foo));var fooFromLS=JSON.parse(localStorage.getItem('foo')是这样工作的
    varfoo={1:[1,2,3]};setItem('foo',JSON.stringify(foo));var fooFromLS=JSON.parse(localStorage.getItem('foo')
    
    jQuery.fn.outerHTML = function(s) {
       return (s) ? this.before(s).remove()
         : jQuery("&lt;p&gt;").append(this.eq(0).clone()).html();
    }