mitiya,
посмотрите 2 раза, кликать по цифрам
<!DOCTYPE HTML>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
<style type="text/css">
div.active::after {
content: "(ты тыкал меня уже)";
padding: 0 0 0 5px;
}
</style>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script>
$(function(){
var items = JSON.parse(window.localStorage.getItem('x') || "{}");
var divs = $('div');
for(var key in items) {
if (items.hasOwnProperty(key)) {
$('div').eq(key).addClass('active');
}
}
window.localStorage.setItem('x', JSON.stringify(items));
divs.click(function(event) {
event.stopPropagation();
var i = divs.index(this);
items[i] = 1;
window.localStorage.setItem('x', JSON.stringify(items));
$('div').eq(i).addClass('active');
})
});
</script>
</head>
<body>
<div >
<div >1</div>
<div >2</div>
<div >3</div>
<div >4</div>
<div >5</div>
<div >6</div>
<div >7</div>
</div>
<div >8</div>
<div >9</div>
<div >10</div>
<div >11</div>
<div >12</div>
<div >
<div >13</div>
<div >14</div>
<div >15</div>
<div >16</div>
</div>
</body>
</html>