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

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

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

Example Here

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

  // ...
});