datos jQuery() devuelve indefinido, attr() devuelve número entero

Question

I tienen el siguiente código:

alert($embellishment.data("embellishmentId")); 
alert($embellishment.attr("data-embellishmentId")); 

La primera alerta devuelve undefined, mientras que la segunda alerta devuelve un entero, 3.

-- SEE DEMO --

estoy usando jQuery versión 1.7.2 (data se añadió con la versión 1.4 creo)

¿Por qué es esto? ¿Debería usar data() si no devuelve los valores correctos?

Answer 1

OK. Encontré el problema al interpretar jQuery docs.

Cuando se escribe:

$embellishment.data("embellishmentId"); 

se maneja por jQuery como atributo compuesto:

<div data-embellishment-id="3"></div> 

Por lo tanto, para resolver el problema, puede utilizar minúsculas en la llave de datos lo contrario sólo direcciones el diferente atributo.

<!-- HTML --> 
<div data-embellishmentid="3"></div> 

// JavaScript 
$embellishment.data("embellishmentid");