localstorageの文字列を削除する

Question

ローカルストレージを使ってリストを表示していますが、localStorageアイテムの最後に追加しています。 localStorageから特定の文字列を削除するにはどうすればよいですか？それらはすべて一意のIDを持つfibクラスにあります。divの間からHTMLを削除するだけでも動作しますが、実際にlocalStorageアイテム内でどのように実行するのかわかりません。

Answer 1

それは実際にはHTMLですので

することは、単にcreateDocumentFragmentを使用してバック HTMLにそれを回す：

var yourHTML = getItFromLocalStorage(); 

var fragment = document.createDocumentFragment(); 
fragment.appendChild(document.createElement('div')); 
fragment.firstChild.innerHTML = yourHTML; 
var yourElement = fragment.getElementById('your_id'); 
yourElement.parentNode.removeChild(yourElement); 
// fragment.firstChild now contains your HTML *without* the 
// element with your_id 

Answer 2

あなたは文字列のリストを使用してのlocalStorageに保存しますが、あなたが最初にそれを文字列化と検索に戻ってそれを解析する必要がありますすることができます。ヘルパー関数を作成してコード/時間を保存することができます。

function setItem(key, obj){ 
    localStorage.setItem(key, JSON.stringify(obj)); 
} 

function getItem(key){ 
    return JSON.parse(localStorage.getItem(key)); 
} 

var data = []; 
data.push('a'); // ['a'] 

setItem('data', data); 

data = getItem('data'); // ['a'] 

data.push('b'); // ['a', 'b'] 

setItem('data', data); 

data = getItem('data'); // ['a', 'b'] 

data.splice(data.indexOf('a'), 1); // ['b'] 

setItem('data', data); 

data = getItem('data'); // ['b'] 


console.log(data); // ['b']