tiene - quitar atributo readonly jquery

¿Cómo preservar el caso de un atributo de datos?

Question

El objeto html:

 <div data-myAttribute="test"></div>

El código:

 var $o = $("div");
$.each($o.data(),function(k,v){
console.log(k);
//writes ''myattribute'' instead of ''myAttribute''
});

¿Cómo conservo el caso del atributo?

Answer 1

Como un addendum a @A. Wolff La respuesta de @A. Wolff es que puede aplicar un -- al nombre del atributo de datos si desea mayúsculas.

<div data--my-attribute="test"></div>

MyAttribute en una clave de datos de MyAttribute

Answer 2

Los atributos de datos HTML válidos no pueden contener caracteres en mayúsculas de todos modos:

Desde la W3 :

Un atributo de datos personalizado es un atributo en ningún espacio de nombres cuyo nombre comience con la cadena "datos-", tiene al menos un carácter después del guión, es compatible con XML y no contiene caracteres en el rango U + 0041 a U + 005A LETRA CAPITAL LATINA A A LETRA CAPITAL LATINA Z) .

Answer 3

Si su objetivo es apuntar a myAttribute como clave de la propiedad del dataset de dataset , debe usar data-my-attribute :

<div data-my-attribute="test"></div>

Vea el siguiente enlace con respecto a la regla camelCased: https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement.dataset

PD: como Izkata comentó Izkata :

Para referencia para otros, jquery también realiza una conversión tal que $ div.data (''my-attribute'') devuelve lo mismo que $ div.data (''myAttribute''). La propiedad del conjunto de datos javascript de vainilla no hace esto.

Answer 4

Usted no puede Los nombres de atributos siempre están en minúsculas en HTML5.