Come conservare il caso di un attributo di dati?

Question

L'oggetto HTML:

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

Il codice:

var $o = $("div"); 

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

Come faccio a preservare il caso dell'attributo?

Answer 1

Se il vostro obiettivo è quello di colpire myAttribute come chiave di dataset proprietà, è necessario utilizzare data-my-attribute:

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

Vedi seguente link per quanto riguarda regola formato camelCase: https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement.dataset

PS: come Izkata commentato esso :

Per riferimento per gli altri, jquery esegue anche la conversione in modo tale che $ div.data ('my-attribute') restituisce la stessa cosa di $ div.data ('myAttribute'). La proprietà del dataset vanilla javascript fa non farlo.

Answer 2

Non è possibile. I nomi degli attributi sono sempre in minuscolo in HTML5.

Answer 3

attributi dei dati HTML valido non possono contenere caratteri maiuscoli in ogni caso:

Dal W3: attributo data

Un'usanza è un attributo in nessun namespace cui nome inizia con la stringa "dati- ", ha almeno un carattere dopo il trattino , è compatibile con XML e non contiene caratteri nell'intervallo U + 0041 a U + 005A (LETTERA CAPITALE LETTERA a LATIN CAPITAL LETTER Z).

Answer 4

Come un addendum alla risposta @A. Wolff 's, è possibile applicare un -- ai dati degli attributi nome se si desidera capitali importanti.

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

si tradurrà in una chiave di dati di MyAttribute