从数据属性字符串获取计算出的比率值

Question

我在数据属性中获得了一些宽高比值

<li data-ratio="4/3">4:3</li>

单击一次，我需要获取正确的值-而不是字符串，就像我这样获取：

'click li': function(event) {
    var ratio = $(event.currentTarget).attr('data-ratio');
}

我不知道是否必须更改数据属性的格式或仅对结果进行一些转换，例如：

var value = $(event.currentTarget).attr('data-ratio').split('/');
ratio = value[0] / value[1];

Answer 1

我不太了解您要寻找的内容，可以请检查一下吗？

$(document).ready(function(){
  $('li').click(function(){
    alert($(this).attr('data-ratio'))
  })
})

看看这个小提琴，如果这是错误的，请告诉我您需要什么。

https://jsfiddle.net/

Answer 2

.split()方法将返回一个字符串数组。 尽管JavaScript有时会处理类型强制，但是您仍然应该将这些字符串转换为数字。 您可以使用parseInt()函数从字符串中检索数字：

这里的例子

$('li').on('click', function(event) {
  var values = $(this).attr('data-ratio').split('/');
  var ratio = parseInt(values[0], 10) / parseInt(values[1], 10);

  // ...
});