Javascript jQuery如何更改每个表数据行的类？

我有一个表格，里面有数据，我需要td:eq（4）更改类，还有一个用于baghround的框

我有以下代码：

 $('tr').each(function () {
        var rowCol = $(this);
        rowCol.find('td:eq(4)').each(function () {
            var rowValue = parseFloat($(this).text());
            console.log(rowValue === 0)
            if (rowValue > 1) {
                $('.defects').addClass('def').removeClass('defects');
            } else {
                $('.def').addClass('defects').removeClass('def');
            }
        });
    });


.defects {
    background: #e74c3c;
    color: #fff;
    padding: 3px;
    border-radius: 6px;
}

如果在这个td，我的值大于1，我添加bg红色框

---

但是nox，出现了一些问题。

没有看到您的html，我只能根据您的代码猜测它的外观，但请尝试以下方法：

$('tr').each(function() {
  var rowCol = $(this);
  rowCol.find('td:eq(4)').each(function() {
    var mytd = $(this);
    var rowValue = parseFloat($(this).text());
    console.log(rowValue === 0)
    if (rowValue > 1) {
      mytd.addClass('def').removeClass('defects');
    } else {
      mytd.addClass('defects').removeClass('def');
    }
  });
});

首先，我将您的

td:eq（4）

赋值给一个变量

var mytd=$（this）。

然后我用mytd替换
$（'.defects'）

代码


$（'tr'）。每个（函数（）{
var rowCol=$（此值）；
rowCol.find（'td:eq（4）'）。每个（函数（）{
var mytd=$（本）；
var rowValue=parseFloat（$（this.text（））；
console.log（rowValue==0）
如果（行值>1）{
mytd.addClass（'def'）。removeClass（'defects'）；
}否则{
mytd.addClass（“缺陷”）.removeClass（“定义”）；
}
});
});
。缺陷{
背景：#e74c3c；
颜色：#fff；
填充：3倍；
边界半径：6px；
}

1.
2.
3.
4.
0
6.
1.
2.
3.
4.
5.
6.
如果看不到您的html，我只能根据您的代码猜测它的外观，但请尝试以下方法：

$('tr').each(function() {
  var rowCol = $(this);
  rowCol.find('td:eq(4)').each(function() {
    var mytd = $(this);
    var rowValue = parseFloat($(this).text());
    console.log(rowValue === 0)
    if (rowValue > 1) {
      mytd.addClass('def').removeClass('defects');
    } else {
      mytd.addClass('defects').removeClass('def');
    }
  });
});

首先，我将您的
td:eq（4）
赋值给一个变量
var mytd=$（this）。

然后我用mytd替换
$（'.defects'）

代码


$（'tr'）。每个（函数（）{
var rowCol=$（此值）；
rowCol.find（'td:eq（4）'）。每个（函数（）{
var mytd=$（本）；
var rowValue=parseFloat（$（this.text（））；
console.log（rowValue==0）
如果（行值>1）{
mytd.addClass（'def'）。removeClass（'defects'）；
}否则{
mytd.addClass（“缺陷”）.removeClass（“定义”）；
}
});
});
。缺陷{
背景：#e74c3c；
颜色：#fff；
填充：3倍；
边界半径：6px；
}

1.
2.
3.
4.
0
6.
1.
2.
3.
4.
5.
6.