jQuery selector eliminating zero incorrectly

Question

In the following case, you have a code being entered in the attribute data-produto of my input.

$(".valor.partida").bind('blur', function(){
  alert($(this).data("produto"));
 });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
<input class="valor partida" type="text" name="novo_valor_partida-1" value="11,11" data-produto="0101000" data-id="1">

The problem is that when obtaining the value of this attribute, it returns without the initial zero, only 101000.

Why does this happen?

Answer 1

Don’t trust the .data() jQuery, he’s not to be trusted :)

In this case the version 1.4 it intepretates this string as number(!), but this has been corrected in newer versions and already returns string.

Uses native Javascript:

$(".valor.partida").bind('blur', function(){
     alert(this.dataset.produto);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
<input class="valor partida" type="text" name="novo_valor_partida-1" value="11,11" data-produto="0101000" data-id="1">

In a another answer referred to this problem, the @bfavaretto has also an excellent explanation on the internal processes of .data() jQuery.