エレメントを配列jqueryに動的にプッシュ

Question

私は配列にプッシュエレメントを動的にしようとしています。しかし、私のコードは動作していません。 jQueryで配列要素onclickを追加したいと思います。私は要素を押して、その追加が、私は2番目の要素を追加しようとしているとき最初の要素が削除され、2番目の要素だけが追加されます。要素を動的に追加することはできません。

これは、動的に要素をプッシュする私のコードです：

$('#addItemFromAjax').click(function(){ 
var storage = '{"items":[]}'; 
var itemObject = JSON.parse(storage); 
itemObject["items"].push({"name":data[0].name,"id":data[0].id}); 
localStorage.setItem('itemList', JSON.stringify(itemObject)); 
alert(localStorage.getItem('itemList')); 
}); 

Answer 1

はコードの下に試してみてください。それが可能であれば、localStorageリストを使用して初期化します。

また、最初の要素を常にdataからプッシュしていますので、要件に応じて変更する必要があります。

$('#addItemFromAjax').click(function(){ 
var storage = localStorage.getItem('itemList') || '{"items":[]}'; 
var itemObject = JSON.parse(storage); 
itemObject["items"].push({"name":data[0].name,"id":data[0].id}); 
localStorage.setItem('itemList', JSON.stringify(itemObject)); 
alert(localStorage.getItem('itemList')); 
});