¿Hay alguna forma de asignar una variable a única para cada elemento en html - javascript

Tengo variable "cuenta" en javascript. function click(e){ var count=0; } Necesito asignar esta variable de conteo de forma única a cada etiqueta.<label id="1" onclick="click(this)>a</label> <label id="2" onclick=click(this)>b</label>

cuando hago clic en la etiqueta llamaría función click (). allí la variable de cuenta no debería ser global. la variable de recuento para la etiqueta id = 1 llamada debe tener un valor diferente al de la etiqueta id = 2 llamada.

es decir, label1.count = 1 label2.count = 2;

¿Hay alguna manera de hacer esto ?????

Respuestas

La manera fácil es establecer una propiedad arbitraria en el elemento HTML. Este es un navegador cruzado, aunque no es parte de ningún AFAIK estándar.

function click(e){
this.clickCount = this.clickCount ? this.clickCount + 1 : 1;
}

Si solo quieres saber si se ha hecho clic o no en algún tipo de cambio, puedes establecer un atributo booleano:

function click(e) {
this.clicked = !this.clicked;
}

Si está dispuesto a usar jQuery, puede ser un poco más hermoso, usando el data método:

$("label").click(function(e) {
$(this).data("clicked", !$(this).data("clicked"));
});