javascript - Jquery if/else 语句不一致

Question

我有以下代码来检查动态更新的 div 中的十进制数。

$('.numberfield').bind("DOMSubtreeModified", function()
{
    var $numbercheck = $(this).text().substring(1);

    if($numbercheck < 5.00) {
        console.log('lower than 5.00 ' + $numbercheck);  
    } 
    else {
        console.log('higher than 5.00 ' + $numbercheck);
    }
});

但是当我达到高于 5.00 的数字时，它也会触发较低的 if

此外，它似乎无论如何都会触发 IF 条件。

> lower than 5.00 
> lower than 5.00 0.12

(每次绑定(bind)更改时触发 2 行)

> lower than 5.00 
> lower than 5.00 1.28

> lower than 5.00 
> higher than 5.00 12.89

> lower than 5.00 
> higher than 5.00 129.00

> lower than 5.00 
> higher than 5.00 129.00

所以我想主要问题是，为什么总是触发“较低”？

我正在使用 Jquery 1.4.4

编辑:我认为这可能与同时在 2 个位置更新的 DOM 有关，从而触发。

Answer 1

您可以使用 Unary plus (+) operator将 +$numbercheck 转换为数字。

你也可以重构你的代码:

$('.numberfield').bind('DOMSubtreeModified', function () {
  var $numbercheck = $(this).text().substring(1),
      message = +$numbercheck < 5.00 ? 'lower than 5.00 ' : 'higher than 5.00 ';

  console.log(message + $numbercheck);
});