HTML5 localStorage: большой JSON, конкретное значение как условие для изменения CSS (список избранных)
При наличии большой таблицы JSON в localStorage и заданного ключа, как получить доступ к связанному значению и использовать его в качестве условия для CSS?
Учитывая следующее JSON:
var data = [
{ 'myKey': 'A', 'status': 0 },
{ 'myKey': 'B', 'status': 1 },
{ 'myKey': 'C', 'status': 1 },
{ 'myKey': 'D', 'status': 1 }
];
следующий HTML стилизовать:
<p id="A">AA</p>
<p id="B">BB</p>
<p id="C">CC</p>
<p id="D">DD</p>
а такжеследующий CSS:
.status1 { color: green; }
.status0 { color: red; }
Это'один из основных принципов позади "нажмите, чтобы избрать / список избранных / любимая звезда ".