atrybut danych staje się całkowitą

Question

Sprawdź ten prosty przykład on jsfiddle

<div id ="a" data-siteid="00005">00005 turns into:</div> 
<div id="b" data-siteid="S00005">S00005 turns into: </div> 

kod

$('#a').append($('#a').data("siteid")); 
$('#b').append($('#b').data("siteid")); 

wynik

00005 turns into:5 
S00005 turns into: S00005 

chciałbym wrócić "00005" i "S00005" .

Answer 1

Spróbuj

$('#a').append($('#a').attr('data-siteid')); 
$('#b').append($('#b').attr('data-siteid')); 

From the jQuery Docs

Każda próba jest wykonana przekonwertować ciąg na wartość JavaScript (w tym wartości logicznych, liczby obiektów, tablic oraz NULL) w przeciwnym razie pozostaje jako ciąg znaków. Aby pobrać atrybut wartości jako ciąg bez jakiejkolwiek próby jego konwersji, użyj metody attr().

Answer 2

Każda próba jest wykonana przekonwertować ciąg na wartość JavaScript (dotyczy to wartości logicznych, liczby obiektów, tablic oraz NULL) inaczej Pozostawia się jako ciąg znaków. Aby odzyskać atrybut wartości jako ciąg bez jakiejkolwiek próby konwersji, użyj metody attr().

stąd: http://api.jquery.com/data/#data-html5

Answer 3

Wiem, że to nieco starszy post, ale inny sposób można podejść do tego jest konwersja danych wartości atrybutu na łańcuch:

$('#a').data("siteid").toString() 

lub

$('#a').data().siteid.toString() 

Kilka przykładów, jak to może działać:

> (12345).toString() 
"12345" 

> (14.5).toString() 
"14.5" 

> (-14.5).toString() 
"-14.5" 

> "bob".toString() 
"bob" 

> (true).toString() 
"true" 

> ({a: "b"}).toString() 
"[object Object]" 

>(function(){console.log("bob")}).toString() 
"function(){console.log("bob")}" 

Nawias na przykład są tam, aby uniknąć przypisywania zmiennych, ponieważ nie można korzystać bezpośrednio #toString od liczby bezpośrednio: 123.toString(), ale można, gdy przypisana do zmiennej lub w nawiasach: (123).toString().

Pamiętaj tylko, że nie można przekonwertować wartości null lub undefined na ciąg znaków.

również coś ciekawego dzieje się z tablic i niezdefiniowanych i zerowych wartościach:

> (["bob", 123, true, null, undefined, this]).toString() 
"bob,123,true,,,[object Window]"