Javascript 我的jquery计数器正在混合元素-为什么？

我有一个小的html页面，其中有一个充满货币值的表格

   TEXT     |   SUM    |   LIMIT  |
-----------------------------------
Text One    |   1.700 €|   1.500 €|
Text Two    |   1.945 €|   2.000 €|

html:

---

编辑：在表格示例中-我只想以红色显示第一个和数值，但我的实际计数器代码以红色显示两个和数值，因为它们都高于最小限值（1.500）。如何为每行设置单独的限制？

它不起作用，因为在同步使用变量时，不能使用变量并期望它具有不同的值

确切地说，改变这条线就足够了

if (parseInt($this.text(), 10) > limit) {

到

始终与实际限制进行比较

---

它完全按照你的要求去做。这：

$（'.counter'）。每个（

对每个具有类名

计数器的元素进行相同的更改。是的，但我问：“如何以通用方式分离所有值？”因此我希望示例中只有第一个和变为红色，但此代码使两个和条目变为红色，因为“总限制”是1500。我想要每行的限制。根据这把小提琴，它似乎工作得很好：嗯，奇怪你的代码工作得很好，但是如果我现在更改第一个和的目标-它还没有正常运行：（-就是这样！谢谢！很高兴它工作了，顺便说一句，每次你可以比较
（this.countNum>$this.attr（'limit'），而不是调用text（）
$(document).ready(function(){
  $('.counter').each(function() {
    var $this = $(this),
        target = $this.attr('target');
        limit = $this.attr('limit');
    $({ countNum: $this.text()}).animate({
      countNum: target
    },
    {
      duration: target*2,
      easing:'swing',
      step: function() {
        if (parseInt($this.text(), 10) > limit) {
          console.log($this.text());
          $this.addClass('f-red');
        }
        $this.text(Math.floor(this.countNum));
      }
    });
  });
});

if (parseInt($this.text(), 10) > limit) {

if (parseInt($this.text(), 10) > $this.attr('limit')) {