javascript - JQueryの.attrメソッドと.dataメソッドは、同じ属性に対して異なる値を提供します

Question

これが私のhtmlコードです

<li class="current" title="some title" data-atype="some type" data-aid="119697371285186601">
  Some text
</li>

これは私がfirebug/googlechromeデバッガコンソールから得たものです。

>> $().jquery
"1.7.2"
>> ($('li.current:first')).data('aid')
119697371285186610
>> ($('li.current:first')).attr('data-aid')
"119697371285186601"

問題を検索しましたが、問題の正確な理由と解決策を見つけることができませんでした。誰かが私が解決策と問題の原因を見つけるのを手伝ってくれるなら、それは本当に役に立ちます。

前もって感謝します...

Answer 1

$.fn.data数値型について賢くしようとし、それらを整数に変換します。ただし、JavaScriptの整数は浮動小数点数にすぎないため、値が大きくなると精度が低下します。attr()それは常に文字列を返すので、私は固執します。このチケットもありますが、「WONTFIX」と記されています。JavaScriptでの多数の制限の詳細については、この記事を参照してください。

Answer 2

<ul>
   <li class="current" title="some title" data-atype="some type" data-rrr="11969737128518660155555">
  Some text
   </li>
</ul>
<span></span>


$(document).ready(function(){
    $('span').html('DATA ATTRIBUTE: '+$('li.current:first').data('rrr')+ '   <br />   ATTRIBUTE: '+     $('li.current:first').attr('data-rrr'));
});

Output / result:  

    Some text        
    DATA ATTRIBUTE: 1.1969737128518661e+22
    ATTRIBUTE: 11969737128518660155555

http://jsfiddle.net/nanoquantumtech/usydd/#base

// ================================================ ======== //

  <ul>
    <li class="current" title="some title" data-atype="some type" data-test1="119697371285186601555" data-test2="11969737128518660155555">Some text
    </li>
</ul>
<span></span>


$(document).ready(function() {
    $('span').html('DATA ATTRIBUTE: <br />' + $('li.current:first').data('test1')+  ' , <br /> '+$('li.current:first').data('test2') + '<br /><br /> ATTRIBUTE: <br />' + $('li.current:first').attr('data-test1')+' , <br />'+$('li.current:first').attr('data-test2'));
});​


Out Put For jquery version < 1.7.2

Some text
DATA ATTRIBUTE: 
119697371285186610000 , 
1.1969737128518661e+22

ATTRIBUTE: 
119697371285186601555 , 
11969737128518660155555

デモ1

Out Put For jquery version 1.8.2

Some text
DATA ATTRIBUTE: 
119697371285186601555 , 
11969737128518660155555

ATTRIBUTE: 
119697371285186601555 , 
11969737128518660155555

デモ2