Quel est un bon moyen d'attacher une valeur numérique à un élément?

Question

Je voudrais avoir un HTML comme ceci:

<div id="div0" someAttr="0" class="shown">Some stuff</div> 
<div id="div1" someAttr="1">Some stuff</div> 
<div id="div2" someAttr="2">Some stuff</div> 
<div id="div3" someAttr="3">Some stuff</div> 

Et puis le manipuler comme ceci:

$('div').click(function() 
    { 
    if($(this).someAttr > $('div.shown').someAttr) 
     doSomething(); 
    }); 

Mais je ne veux pas écrire mauvais balisage. Y a-t-il un attribut polyvalent que je peux définir?

Answer 1

Vous pouvez utiliser la méthode jQuery .data(), vous permet d'appliquer des données à un élément sans avoir à utiliser des attributs de manière non sémantique. Cela dit, en regardant en arrière à votre question, cherchez-vous à générer ces valeurs à partir du back-end ou en utilisant jQuery?

http://api.jquery.com/jQuery.data/