使用百分比和非数字值创建Javascript / JQuery HTML表热图

Question

我对javascript很陌生，我正在尝试使用jquery-colorize对HTML表进行热映射。 js主要功能的代码位于https://github.com/gryevns/jquery-colorize/blob/master/jquery-colorize.js

我正在使用的模板中调用此函数

$("table tbody td").colorize({});

问题是我的实际表有百分比和一些字符串值。 现在，我只能使此函数与表中的数值一起使用。

如何修改此脚本，以便可以：

1）完全忽略标签中的任何非数字值，而不会破坏功能

2）将百分比转换为表格中的浮点值（我尝试通过

this.slice(0, this.length-1) 

在末尾删除百分比字符，但仍无法正常工作。

我为此创建了一个jsfiddle：jsfiddle.net/k3rud9ck/

我是JS的新手，所以我们将不胜感激。

Answer 1

您需要做的是修改插件上的第9行：

return parseFloat(e.html());

您也许可以将其更改为

return parseFloat(e.html()) | 0;

如果不是数字，这会将单元格值设置为0。 百分比已正确转换为浮点数，因为parseFloat将忽略%