將jquery克隆元素存儲到window.localStorage

Question

我已經構建了一個頁面fiddle，現在我想將輸入中輸入的值存儲到window.localStorage。請幫助我也這樣做。

Answer 1

localStorage只能存儲字符串。因爲要存儲添加到localStorage的所有項目，所以必須從列表中創建一個字符串，並且每次都要獲取現有列表，追加並重新串聯。裏面你addItem點擊功能

var names = localStorage.getItem('name'); 
var descriptions = localStorage.getItem('description'); 
if (names == null) { 
    localStorage.setItem('name', JSON.stringify([$('.item:last input[name*="-name"]').val()])); 
    localStorage.setItem('description', JSON.stringify([$('.item:last input[name*="-description"]').val()])); 
} else { 
    names = JSON.parse(names); 
    descriptions = JSON.parse(descriptions); 
    names.push($('.item:last input[name*="-name"]').val()); 
    descriptions.push($('.item:last input[name*="-description"]').val()); 
    localStorage.setItem('name', JSON.stringify(names)); 
    localStorage.setItem('description', JSON.stringify(descriptions)); 
} 

JSON.stringify會讓你的名單分成一個字符串，入庫，並JSON.parse將從您的字符串從存儲中創建一個列表，以便您可以編輯該列表。