将变量设置为数据属性值而不是NaN

Question

数据属性date-total-cost的值为100。

var total_cost = $('.output--lisence-cost').data('date-total-cost');

但是变量total_cost返回NaN

如何设置变量以返回数据字段的编号？

更新.

我还在以下函数中设置数据属性的值.

function Cost() { $('.output--lisence-cost').attr('data-total-cost',totalSeatsCost); }

使用范围滑块设置var totalSeatsCost。

Answer 1

使用attr而不是data

var total_cost = $('.output--lisence-cost').attr('date-total-cost');

Answer 2

只有当您在total_cost中放置的值是NaN时，它才是NaN。如果您期望填充该值，则值得研究设置该值的代码。

尽管如此，您可以使用Javascripts的谬误特性通过使用逻辑或操作符将NaN强制到默认值，如下所示：

​

var total_cost = NaN; // $('.output--lisence-cost').data('date-total-cost');
console.log(total_cost || 100); // returns '100' if value was undefined/false/NaN

​

Answer 3

.data(key)说这个(强调我的)：

为jQuery集合中的第一个元素返回命名数据存储处的值，即数据(名称、值)或HTML5数据-*属性设置的。

换句话说，它不操作将其转换为数字的值。

唯一的解决方案是首先不要插入NaN --一旦到了那里，您就无法恢复原始值。你怎么能这样呢？

> console.log(Number('Foo'));
NaN
> console.log(Number('Bar'));
NaN
> console.log(Number('Apples!'));
NaN