HTML5 localStorage: Big JSON, valor específico como condição para alterar o CSS (lista de favoritos)
Dada uma grande tabela JSON no localStorage e uma determinada chave, como acessar um valor associado e usá-lo como uma condição para o CSS?
Dado o seguinte JSON:
var data = [
{ 'myKey': 'A', 'status': 0 },
{ 'myKey': 'B', 'status': 1 },
{ 'myKey': 'C', 'status': 1 },
{ 'myKey': 'D', 'status': 1 }
];
o seguinte html para estilizar:
<p id="A">AA</p>
<p id="B">BB</p>
<p id="C">CC</p>
<p id="D">DD</p>
eo seguinte css :
.status1 { color: green; }
.status0 { color: red; }
É um dos princípios básicos por trás do "click to favorite / favorite list / favorite star".