将多个contenteditable id的信息保存到localStorage

Question

这是交易：

我有100个html5 contenteditable字段，每个字段都有一个id。

我愿意完成的是将用户输入的数据保存到localsotarge，因此当他回来访问该网站时，不必再次重新输入信息。

发生这种情况的事件必须是onkeyup。

示例标记如下：

<a href="#"  contenteditable="true" id="uniquevalue" onkeyup="myFunction();"><span class="item_price">$35.99</span></a><br>

 <a href="#"  contenteditable="true" id="anotheruniquevalue" onkeyup="myFunction();"><span class="item_price">$35.99</span></a><br>

我在互联网上看过样本，但由于我不是javascript专家，我需要创建100个函数才能真正做到我想要的。

我已为此项目加载了jquery

我可以感谢你花时间帮助我完成这个项目。

Answer 1

这样的事情应该有效：

$('a[contenteditable="true"]').on('keyup', function(event){
    localStorage.setItem($(this).attr('id'), $(this).html());
});

这是jsFiddle.