jQuery (dane) zwraca niezdefiniowane, attr() zwraca całkowitą

Question

I mają następujące oznaczenia:

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

pierwszy alert zwraca undefined, drugi alert zwraca liczbę całkowitą 3.

-- SEE DEMO --

używam jQuery w wersji 1.7.2 (data dodano wersji 1.4 wierzę)

dlaczego tak jest? Czy powinienem w ogóle używać data(), jeśli nie zwraca właściwych wartości?

Answer 1

OK. Znalazłem problem interpretując jQuery docs.

Kiedy piszesz:

$embellishment.data("embellishmentId"); 

to jest obsługiwane przez jQuery jako atrybut związek:

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

Tak więc, aby rozwiązać ten problem, można użyć małych liter w kluczu danych w przeciwnym razie tylko adresy inny atrybut.

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

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