javascript - 如何使用javascript使自定义数据属性值数字化

嗨，我正在从div中存储的html数据标签中读取两个数字。当我尝试将数字加在一起时，它们会附加为字符串。无论如何，有没有要在数据属性中包含数字并以数字形式访问它们，或者将它们转换回带有JavaScript的非字符串数字，谢谢。

例

<div data-Lon1="1.3" data-Lat1="-1.2"></div>

<script>
   lon1 = $('#zoom1').attr('data-lon1');
   lat1 = $('#zoom1').attr('data-lat1');
   console.log(lat1+lon1);

   //returns '1.3-1.2' (I want .1 in this example)
</script>

最佳答案

只需使用parseFloat():

var lon1 = parseFloat($('#zoom1').attr('data-lon1'));
   lat1 = parseFloat$('#zoom1').attr('data-lat1'));
console.log(lat1+lon1);

JS Fiddle demo。

引用文献:

number() 。

parseFloat() 。