Identificateur unique JavaScript pour le stockage local

Question

Indépendant de l'attribut HTML id, existe-t-il un bon moyen de définir un identifiant d'élément unique en JavaScript à utiliser avec le stockage local HTML5?

localStorage.setItem('uniqueid', value); 

pourrait le faire:

var uid = ancestor.index(element); // uid = 0 

localStorage.setItem(namespace + uid, value); 

Le problème est que si les changements de l'ordre des éléments, les données ne sont pas associées à l'élément droit:

var uid = ancestor.index(element); // another element is prepended, so uid = 1 

localStorage.getItem(namespace + uid); 

---

EDIT - exemple réel

Code HTML:

<ul> 
<li aria-hidden="true">foo</li> 
<li>bar</li> 
</ul> 

Code jQuery:

var ul = $('ul'); 

ul.find('li').each(function() { 

    var element = $(this), 
     uid = ul.index(element), 
     data = JSON.parse(this.storage.getItem(uid)); 

    // load 
    console.log(data.hidden); 

    // save 
    this.$window.bind('unload', function() { 

     localStorage.setItem(uid, JSON.stringify({ 
      hidden: typeof element.attr('aria-hidden') === 'string', 
     })); 
    }); 
}); 

Maintenant, je me sers l'index de chaque élément de la liste pour créer un identifiant unique. Je pourrais mettre en un uid de données avec HTML comme ceci:

<li data-uid="foo">foo</li> 

est-il un moyen de définir dynamiquement l'identifiant unique?

Answer 1

Si les données stockées dépendent de l'ordre spécifique des éléments, cela semble indiquer qu'il ne sera pas utile de conserver ces données au-delà de la page en cours. Vous pouvez regarder data-* attributs tels que jQuery implémente dans $.data.

Cela vous permettra de stocker des données arbitraires associées à n'importe quel élément.

Answer 2

localStorage.setItem(localStorage.length, value); 

même que la création d'un compteur et incrémenter chaque fois